a tool for shared writing and social publishing
leaflet.pub
Compare changes
Choose any two refs to compare.
+304
.claude/skills/lexicons/SKILL.md
+304
.claude/skills/lexicons/SKILL.md
···
···
1
+
---
2
+
name: lexicons
3
+
description: Reference for the AT Protocol lexicon system. Use when working with lexicons, adding new record types, or modifying AT Protocol schemas.
4
+
user-invocable: false
5
+
---
6
+
7
+
# Lexicon System
8
+
9
+
## Overview
10
+
11
+
Lexicons define the schema for AT Protocol records. This project has two namespaces:
12
+
- **`pub.leaflet.*`** - Leaflet-specific lexicons (documents, publications, blocks, etc.)
13
+
- **`site.standard.*`** - Standard site lexicons for interoperability
14
+
15
+
The lexicons are defined as TypeScript in `lexicons/src/`, built to JSON in `lexicons/pub/leaflet/` and `lexicons/site/standard/`, and TypeScript types are generated in `lexicons/api/`.
16
+
17
+
## Key Files
18
+
19
+
- **`lexicons/src/*.ts`** - Source definitions for `pub.leaflet.*` lexicons
20
+
- **`lexicons/site/standard/**/*.json`** - JSON definitions for `site.standard.*` lexicons (manually maintained)
21
+
- **`lexicons/build.ts`** - Builds TypeScript sources to JSON
22
+
- **`lexicons/api/`** - Generated TypeScript types and client
23
+
- **`package.json`** - Contains `lexgen` script
24
+
25
+
## Running Lexicon Generation
26
+
27
+
```bash
28
+
npm run lexgen
29
+
```
30
+
31
+
This runs:
32
+
1. `tsx ./lexicons/build.ts` - Builds `pub.leaflet.*` JSON from TypeScript
33
+
2. `lex gen-api` - Generates TypeScript types from all JSON lexicons
34
+
3. `tsx ./lexicons/fix-extensions.ts` - Fixes import extensions
35
+
36
+
## Adding a New pub.leaflet Lexicon
37
+
38
+
### 1. Create the Source Definition
39
+
40
+
Create a file in `lexicons/src/` (e.g., `lexicons/src/myLexicon.ts`):
41
+
42
+
```typescript
43
+
import { LexiconDoc } from "@atproto/lexicon";
44
+
45
+
export const PubLeafletMyLexicon: LexiconDoc = {
46
+
lexicon: 1,
47
+
id: "pub.leaflet.myLexicon",
48
+
defs: {
49
+
main: {
50
+
type: "record", // or "object" for non-record types
51
+
key: "tid",
52
+
record: {
53
+
type: "object",
54
+
required: ["field1"],
55
+
properties: {
56
+
field1: { type: "string", maxLength: 1000 },
57
+
field2: { type: "integer", minimum: 0 },
58
+
optionalRef: { type: "ref", ref: "other.lexicon#def" },
59
+
},
60
+
},
61
+
},
62
+
// Additional defs for sub-objects
63
+
subType: {
64
+
type: "object",
65
+
properties: {
66
+
nested: { type: "string" },
67
+
},
68
+
},
69
+
},
70
+
};
71
+
```
72
+
73
+
### 2. Add to Build
74
+
75
+
Update `lexicons/build.ts`:
76
+
77
+
```typescript
78
+
import { PubLeafletMyLexicon } from "./src/myLexicon";
79
+
80
+
const lexicons = [
81
+
// ... existing lexicons
82
+
PubLeafletMyLexicon,
83
+
];
84
+
```
85
+
86
+
### 3. Update lexgen Command (if needed)
87
+
88
+
If your lexicon is at the top level of `pub/leaflet/` (not in a subdirectory), add it to the `lexgen` script in `package.json`:
89
+
90
+
```json
91
+
"lexgen": "tsx ./lexicons/build.ts && lex gen-api ./lexicons/api ./lexicons/pub/leaflet/document.json ./lexicons/pub/leaflet/myLexicon.json ./lexicons/pub/leaflet/*/* ..."
92
+
```
93
+
94
+
Note: Files in subdirectories (`pub/leaflet/*/*`) are automatically included.
95
+
96
+
### 4. Add to authFullPermissions (for record types)
97
+
98
+
If your lexicon is a record type that users should be able to create/update/delete, add it to the `authFullPermissions` permission set in `lexicons/src/authFullPermissions.ts`:
99
+
100
+
```typescript
101
+
import { PubLeafletMyLexicon } from "./myLexicon";
102
+
103
+
// In the permissions collection array:
104
+
collection: [
105
+
// ... existing lexicons
106
+
PubLeafletMyLexicon.id,
107
+
],
108
+
```
109
+
110
+
### 5. Regenerate Types
111
+
112
+
```bash
113
+
npm run lexgen
114
+
```
115
+
116
+
### 6. Use the Generated Types
117
+
118
+
```typescript
119
+
import { PubLeafletMyLexicon } from "lexicons/api";
120
+
121
+
// Type for the record
122
+
type MyRecord = PubLeafletMyLexicon.Record;
123
+
124
+
// Validation
125
+
const result = PubLeafletMyLexicon.validateRecord(data);
126
+
if (result.success) {
127
+
// result.value is typed
128
+
}
129
+
130
+
// Type guard
131
+
if (PubLeafletMyLexicon.isRecord(data)) {
132
+
// data is typed as Record
133
+
}
134
+
```
135
+
136
+
## Adding a New site.standard Lexicon
137
+
138
+
### 1. Create the JSON Definition
139
+
140
+
Create a file in `lexicons/site/standard/` (e.g., `lexicons/site/standard/myType.json`):
141
+
142
+
```json
143
+
{
144
+
"lexicon": 1,
145
+
"id": "site.standard.myType",
146
+
"defs": {
147
+
"main": {
148
+
"type": "record",
149
+
"key": "tid",
150
+
"record": {
151
+
"type": "object",
152
+
"required": ["field1"],
153
+
"properties": {
154
+
"field1": {
155
+
"type": "string",
156
+
"maxLength": 1000
157
+
}
158
+
}
159
+
}
160
+
}
161
+
}
162
+
}
163
+
```
164
+
165
+
### 2. Regenerate Types
166
+
167
+
```bash
168
+
npm run lexgen
169
+
```
170
+
171
+
The `site/*/* site/*/*/*` globs in the lexgen command automatically pick up new files.
172
+
173
+
## Common Lexicon Patterns
174
+
175
+
### Referencing Other Lexicons
176
+
177
+
```typescript
178
+
// Reference another lexicon's main def
179
+
{ type: "ref", ref: "pub.leaflet.publication" }
180
+
181
+
// Reference a specific def within a lexicon
182
+
{ type: "ref", ref: "pub.leaflet.publication#theme" }
183
+
184
+
// Reference within the same lexicon
185
+
{ type: "ref", ref: "#myDef" }
186
+
```
187
+
188
+
### Union Types
189
+
190
+
```typescript
191
+
{
192
+
type: "union",
193
+
refs: [
194
+
"pub.leaflet.pages.linearDocument",
195
+
"pub.leaflet.pages.canvas",
196
+
],
197
+
}
198
+
199
+
// Open union (allows unknown types)
200
+
{
201
+
type: "union",
202
+
closed: false, // default is true
203
+
refs: ["pub.leaflet.content"],
204
+
}
205
+
```
206
+
207
+
### Blob Types (for images/files)
208
+
209
+
```typescript
210
+
{
211
+
type: "blob",
212
+
accept: ["image/*"], // or specific types like ["image/png", "image/jpeg"]
213
+
maxSize: 1000000, // bytes
214
+
}
215
+
```
216
+
217
+
### Color Types
218
+
219
+
The project has color types defined:
220
+
- `pub.leaflet.theme.color#rgb` / `#rgba`
221
+
- `site.standard.theme.color#rgb` / `#rgba`
222
+
223
+
```typescript
224
+
// In lexicons/src/theme.ts
225
+
export const ColorUnion = {
226
+
type: "union",
227
+
refs: [
228
+
"pub.leaflet.theme.color#rgba",
229
+
"pub.leaflet.theme.color#rgb",
230
+
],
231
+
};
232
+
```
233
+
234
+
## Normalization Between Formats
235
+
236
+
Use `lexicons/src/normalize.ts` to convert between `pub.leaflet` and `site.standard` formats:
237
+
238
+
```typescript
239
+
import {
240
+
normalizeDocument,
241
+
normalizePublication,
242
+
isLeafletDocument,
243
+
isStandardDocument,
244
+
getDocumentPages,
245
+
} from "lexicons/src/normalize";
246
+
247
+
// Normalize a document from either format
248
+
const normalized = normalizeDocument(record);
249
+
if (normalized) {
250
+
// normalized is always in site.standard.document format
251
+
console.log(normalized.title, normalized.site);
252
+
253
+
// Get pages if content is pub.leaflet.content
254
+
const pages = getDocumentPages(normalized);
255
+
}
256
+
257
+
// Normalize a publication
258
+
const pub = normalizePublication(record);
259
+
if (pub) {
260
+
console.log(pub.name, pub.url);
261
+
}
262
+
```
263
+
264
+
## Handling in Appview (Firehose Consumer)
265
+
266
+
When processing records from the firehose in `appview/index.ts`:
267
+
268
+
```typescript
269
+
import { ids } from "lexicons/api/lexicons";
270
+
import { PubLeafletMyLexicon } from "lexicons/api";
271
+
272
+
// In filterCollections:
273
+
filterCollections: [
274
+
ids.PubLeafletMyLexicon,
275
+
// ...
276
+
],
277
+
278
+
// In handleEvent:
279
+
if (evt.collection === ids.PubLeafletMyLexicon) {
280
+
if (evt.event === "create" || evt.event === "update") {
281
+
let record = PubLeafletMyLexicon.validateRecord(evt.record);
282
+
if (!record.success) return;
283
+
284
+
// Store in database
285
+
await supabase.from("my_table").upsert({
286
+
uri: evt.uri.toString(),
287
+
data: record.value as Json,
288
+
});
289
+
}
290
+
if (evt.event === "delete") {
291
+
await supabase.from("my_table").delete().eq("uri", evt.uri.toString());
292
+
}
293
+
}
294
+
```
295
+
296
+
## Publishing Lexicons
297
+
298
+
To publish lexicons to an AT Protocol PDS:
299
+
300
+
```bash
301
+
npm run publish-lexicons
302
+
```
303
+
304
+
This runs `lexicons/publish.ts` which publishes lexicons to the configured PDS.
+298
.claude/skills/lexicons.md
+298
.claude/skills/lexicons.md
···
···
1
+
# Lexicon System
2
+
3
+
## Overview
4
+
5
+
Lexicons define the schema for AT Protocol records. This project has two namespaces:
6
+
- **`pub.leaflet.*`** - Leaflet-specific lexicons (documents, publications, blocks, etc.)
7
+
- **`site.standard.*`** - Standard site lexicons for interoperability
8
+
9
+
The lexicons are defined as TypeScript in `lexicons/src/`, built to JSON in `lexicons/pub/leaflet/` and `lexicons/site/standard/`, and TypeScript types are generated in `lexicons/api/`.
10
+
11
+
## Key Files
12
+
13
+
- **`lexicons/src/*.ts`** - Source definitions for `pub.leaflet.*` lexicons
14
+
- **`lexicons/site/standard/**/*.json`** - JSON definitions for `site.standard.*` lexicons (manually maintained)
15
+
- **`lexicons/build.ts`** - Builds TypeScript sources to JSON
16
+
- **`lexicons/api/`** - Generated TypeScript types and client
17
+
- **`package.json`** - Contains `lexgen` script
18
+
19
+
## Running Lexicon Generation
20
+
21
+
```bash
22
+
npm run lexgen
23
+
```
24
+
25
+
This runs:
26
+
1. `tsx ./lexicons/build.ts` - Builds `pub.leaflet.*` JSON from TypeScript
27
+
2. `lex gen-api` - Generates TypeScript types from all JSON lexicons
28
+
3. `tsx ./lexicons/fix-extensions.ts` - Fixes import extensions
29
+
30
+
## Adding a New pub.leaflet Lexicon
31
+
32
+
### 1. Create the Source Definition
33
+
34
+
Create a file in `lexicons/src/` (e.g., `lexicons/src/myLexicon.ts`):
35
+
36
+
```typescript
37
+
import { LexiconDoc } from "@atproto/lexicon";
38
+
39
+
export const PubLeafletMyLexicon: LexiconDoc = {
40
+
lexicon: 1,
41
+
id: "pub.leaflet.myLexicon",
42
+
defs: {
43
+
main: {
44
+
type: "record", // or "object" for non-record types
45
+
key: "tid",
46
+
record: {
47
+
type: "object",
48
+
required: ["field1"],
49
+
properties: {
50
+
field1: { type: "string", maxLength: 1000 },
51
+
field2: { type: "integer", minimum: 0 },
52
+
optionalRef: { type: "ref", ref: "other.lexicon#def" },
53
+
},
54
+
},
55
+
},
56
+
// Additional defs for sub-objects
57
+
subType: {
58
+
type: "object",
59
+
properties: {
60
+
nested: { type: "string" },
61
+
},
62
+
},
63
+
},
64
+
};
65
+
```
66
+
67
+
### 2. Add to Build
68
+
69
+
Update `lexicons/build.ts`:
70
+
71
+
```typescript
72
+
import { PubLeafletMyLexicon } from "./src/myLexicon";
73
+
74
+
const lexicons = [
75
+
// ... existing lexicons
76
+
PubLeafletMyLexicon,
77
+
];
78
+
```
79
+
80
+
### 3. Update lexgen Command (if needed)
81
+
82
+
If your lexicon is at the top level of `pub/leaflet/` (not in a subdirectory), add it to the `lexgen` script in `package.json`:
83
+
84
+
```json
85
+
"lexgen": "tsx ./lexicons/build.ts && lex gen-api ./lexicons/api ./lexicons/pub/leaflet/document.json ./lexicons/pub/leaflet/myLexicon.json ./lexicons/pub/leaflet/*/* ..."
86
+
```
87
+
88
+
Note: Files in subdirectories (`pub/leaflet/*/*`) are automatically included.
89
+
90
+
### 4. Add to authFullPermissions (for record types)
91
+
92
+
If your lexicon is a record type that users should be able to create/update/delete, add it to the `authFullPermissions` permission set in `lexicons/src/authFullPermissions.ts`:
93
+
94
+
```typescript
95
+
import { PubLeafletMyLexicon } from "./myLexicon";
96
+
97
+
// In the permissions collection array:
98
+
collection: [
99
+
// ... existing lexicons
100
+
PubLeafletMyLexicon.id,
101
+
],
102
+
```
103
+
104
+
### 5. Regenerate Types
105
+
106
+
```bash
107
+
npm run lexgen
108
+
```
109
+
110
+
### 6. Use the Generated Types
111
+
112
+
```typescript
113
+
import { PubLeafletMyLexicon } from "lexicons/api";
114
+
115
+
// Type for the record
116
+
type MyRecord = PubLeafletMyLexicon.Record;
117
+
118
+
// Validation
119
+
const result = PubLeafletMyLexicon.validateRecord(data);
120
+
if (result.success) {
121
+
// result.value is typed
122
+
}
123
+
124
+
// Type guard
125
+
if (PubLeafletMyLexicon.isRecord(data)) {
126
+
// data is typed as Record
127
+
}
128
+
```
129
+
130
+
## Adding a New site.standard Lexicon
131
+
132
+
### 1. Create the JSON Definition
133
+
134
+
Create a file in `lexicons/site/standard/` (e.g., `lexicons/site/standard/myType.json`):
135
+
136
+
```json
137
+
{
138
+
"lexicon": 1,
139
+
"id": "site.standard.myType",
140
+
"defs": {
141
+
"main": {
142
+
"type": "record",
143
+
"key": "tid",
144
+
"record": {
145
+
"type": "object",
146
+
"required": ["field1"],
147
+
"properties": {
148
+
"field1": {
149
+
"type": "string",
150
+
"maxLength": 1000
151
+
}
152
+
}
153
+
}
154
+
}
155
+
}
156
+
}
157
+
```
158
+
159
+
### 2. Regenerate Types
160
+
161
+
```bash
162
+
npm run lexgen
163
+
```
164
+
165
+
The `site/*/* site/*/*/*` globs in the lexgen command automatically pick up new files.
166
+
167
+
## Common Lexicon Patterns
168
+
169
+
### Referencing Other Lexicons
170
+
171
+
```typescript
172
+
// Reference another lexicon's main def
173
+
{ type: "ref", ref: "pub.leaflet.publication" }
174
+
175
+
// Reference a specific def within a lexicon
176
+
{ type: "ref", ref: "pub.leaflet.publication#theme" }
177
+
178
+
// Reference within the same lexicon
179
+
{ type: "ref", ref: "#myDef" }
180
+
```
181
+
182
+
### Union Types
183
+
184
+
```typescript
185
+
{
186
+
type: "union",
187
+
refs: [
188
+
"pub.leaflet.pages.linearDocument",
189
+
"pub.leaflet.pages.canvas",
190
+
],
191
+
}
192
+
193
+
// Open union (allows unknown types)
194
+
{
195
+
type: "union",
196
+
closed: false, // default is true
197
+
refs: ["pub.leaflet.content"],
198
+
}
199
+
```
200
+
201
+
### Blob Types (for images/files)
202
+
203
+
```typescript
204
+
{
205
+
type: "blob",
206
+
accept: ["image/*"], // or specific types like ["image/png", "image/jpeg"]
207
+
maxSize: 1000000, // bytes
208
+
}
209
+
```
210
+
211
+
### Color Types
212
+
213
+
The project has color types defined:
214
+
- `pub.leaflet.theme.color#rgb` / `#rgba`
215
+
- `site.standard.theme.color#rgb` / `#rgba`
216
+
217
+
```typescript
218
+
// In lexicons/src/theme.ts
219
+
export const ColorUnion = {
220
+
type: "union",
221
+
refs: [
222
+
"pub.leaflet.theme.color#rgba",
223
+
"pub.leaflet.theme.color#rgb",
224
+
],
225
+
};
226
+
```
227
+
228
+
## Normalization Between Formats
229
+
230
+
Use `lexicons/src/normalize.ts` to convert between `pub.leaflet` and `site.standard` formats:
231
+
232
+
```typescript
233
+
import {
234
+
normalizeDocument,
235
+
normalizePublication,
236
+
isLeafletDocument,
237
+
isStandardDocument,
238
+
getDocumentPages,
239
+
} from "lexicons/src/normalize";
240
+
241
+
// Normalize a document from either format
242
+
const normalized = normalizeDocument(record);
243
+
if (normalized) {
244
+
// normalized is always in site.standard.document format
245
+
console.log(normalized.title, normalized.site);
246
+
247
+
// Get pages if content is pub.leaflet.content
248
+
const pages = getDocumentPages(normalized);
249
+
}
250
+
251
+
// Normalize a publication
252
+
const pub = normalizePublication(record);
253
+
if (pub) {
254
+
console.log(pub.name, pub.url);
255
+
}
256
+
```
257
+
258
+
## Handling in Appview (Firehose Consumer)
259
+
260
+
When processing records from the firehose in `appview/index.ts`:
261
+
262
+
```typescript
263
+
import { ids } from "lexicons/api/lexicons";
264
+
import { PubLeafletMyLexicon } from "lexicons/api";
265
+
266
+
// In filterCollections:
267
+
filterCollections: [
268
+
ids.PubLeafletMyLexicon,
269
+
// ...
270
+
],
271
+
272
+
// In handleEvent:
273
+
if (evt.collection === ids.PubLeafletMyLexicon) {
274
+
if (evt.event === "create" || evt.event === "update") {
275
+
let record = PubLeafletMyLexicon.validateRecord(evt.record);
276
+
if (!record.success) return;
277
+
278
+
// Store in database
279
+
await supabase.from("my_table").upsert({
280
+
uri: evt.uri.toString(),
281
+
data: record.value as Json,
282
+
});
283
+
}
284
+
if (evt.event === "delete") {
285
+
await supabase.from("my_table").delete().eq("uri", evt.uri.toString());
286
+
}
287
+
}
288
+
```
289
+
290
+
## Publishing Lexicons
291
+
292
+
To publish lexicons to an AT Protocol PDS:
293
+
294
+
```bash
295
+
npm run publish-lexicons
296
+
```
297
+
298
+
This runs `lexicons/publish.ts` which publishes lexicons to the configured PDS.
+150
.claude/skills/notifications/SKILL.md
+150
.claude/skills/notifications/SKILL.md
···
···
1
+
---
2
+
name: notifications
3
+
description: Reference for the notification system. Use when adding new notification types or modifying notification handling.
4
+
user-invocable: false
5
+
---
6
+
7
+
# Notification System
8
+
9
+
## Overview
10
+
11
+
Notifications are stored in the database and hydrated with related data before being rendered. The system supports multiple notification types (comments, subscriptions, etc.) that are processed in parallel.
12
+
13
+
## Key Files
14
+
15
+
- **`src/notifications.ts`** - Core notification types and hydration logic
16
+
- **`app/(home-pages)/notifications/NotificationList.tsx`** - Renders all notification types
17
+
- **`app/(home-pages)/notifications/Notification.tsx`** - Base notification component
18
+
- Individual notification components (e.g., `CommentNotification.tsx`, `FollowNotification.tsx`)
19
+
20
+
## Adding a New Notification Type
21
+
22
+
### 1. Update Notification Data Types (`src/notifications.ts`)
23
+
24
+
Add your type to the `NotificationData` union:
25
+
26
+
```typescript
27
+
export type NotificationData =
28
+
| { type: "comment"; comment_uri: string; parent_uri?: string }
29
+
| { type: "subscribe"; subscription_uri: string }
30
+
| { type: "your_type"; your_field: string }; // Add here
31
+
```
32
+
33
+
Add to the `HydratedNotification` union:
34
+
35
+
```typescript
36
+
export type HydratedNotification =
37
+
| HydratedCommentNotification
38
+
| HydratedSubscribeNotification
39
+
| HydratedYourNotification; // Add here
40
+
```
41
+
42
+
### 2. Create Hydration Function (`src/notifications.ts`)
43
+
44
+
```typescript
45
+
export type HydratedYourNotification = Awaited<
46
+
ReturnType<typeof hydrateYourNotifications>
47
+
>[0];
48
+
49
+
async function hydrateYourNotifications(notifications: NotificationRow[]) {
50
+
const yourNotifications = notifications.filter(
51
+
(n): n is NotificationRow & { data: ExtractNotificationType<"your_type"> } =>
52
+
(n.data as NotificationData)?.type === "your_type",
53
+
);
54
+
55
+
if (yourNotifications.length === 0) return [];
56
+
57
+
// Fetch related data with joins
58
+
const { data } = await supabaseServerClient
59
+
.from("your_table")
60
+
.select("*, related_table(*)")
61
+
.in("uri", yourNotifications.map((n) => n.data.your_field));
62
+
63
+
return yourNotifications.map((notification) => ({
64
+
id: notification.id,
65
+
recipient: notification.recipient,
66
+
created_at: notification.created_at,
67
+
type: "your_type" as const,
68
+
your_field: notification.data.your_field,
69
+
yourData: data?.find((d) => d.uri === notification.data.your_field)!,
70
+
}));
71
+
}
72
+
```
73
+
74
+
Add to `hydrateNotifications` parallel array:
75
+
76
+
```typescript
77
+
const [commentNotifications, subscribeNotifications, yourNotifications] = await Promise.all([
78
+
hydrateCommentNotifications(notifications),
79
+
hydrateSubscribeNotifications(notifications),
80
+
hydrateYourNotifications(notifications), // Add here
81
+
]);
82
+
83
+
const allHydrated = [...commentNotifications, ...subscribeNotifications, ...yourNotifications];
84
+
```
85
+
86
+
### 3. Trigger the Notification (in your action file)
87
+
88
+
```typescript
89
+
import { Notification, pingIdentityToUpdateNotification } from "src/notifications";
90
+
import { v7 } from "uuid";
91
+
92
+
// When the event occurs:
93
+
const recipient = /* determine who should receive it */;
94
+
if (recipient !== currentUser) {
95
+
const notification: Notification = {
96
+
id: v7(),
97
+
recipient,
98
+
data: {
99
+
type: "your_type",
100
+
your_field: "value",
101
+
},
102
+
};
103
+
await supabaseServerClient.from("notifications").insert(notification);
104
+
await pingIdentityToUpdateNotification(recipient);
105
+
}
106
+
```
107
+
108
+
### 4. Create Notification Component
109
+
110
+
Create a new component (e.g., `YourNotification.tsx`):
111
+
112
+
```typescript
113
+
import { HydratedYourNotification } from "src/notifications";
114
+
import { Notification } from "./Notification";
115
+
116
+
export const YourNotification = (props: HydratedYourNotification) => {
117
+
// Extract data from props.yourData
118
+
119
+
return (
120
+
<Notification
121
+
timestamp={props.created_at}
122
+
href={/* link to relevant page */}
123
+
icon={/* icon or avatar */}
124
+
actionText={<>Message to display</>}
125
+
content={/* optional additional content */}
126
+
/>
127
+
);
128
+
};
129
+
```
130
+
131
+
### 5. Update NotificationList (`NotificationList.tsx`)
132
+
133
+
Import and render your notification type:
134
+
135
+
```typescript
136
+
import { YourNotification } from "./YourNotification";
137
+
138
+
// In the map function:
139
+
if (n.type === "your_type") {
140
+
return <YourNotification key={n.id} {...n} />;
141
+
}
142
+
```
143
+
144
+
## Example: Subscribe Notifications
145
+
146
+
See the implementation in:
147
+
- `src/notifications.ts:88-125` - Hydration logic
148
+
- `app/lish/subscribeToPublication.ts:55-68` - Trigger
149
+
- `app/(home-pages)/notifications/FollowNotification.tsx` - Component
150
+
- `app/(home-pages)/notifications/NotificationList.tsx:40-42` - Rendering
+85
.claude/skills/spec/SKILL.md
+85
.claude/skills/spec/SKILL.md
···
···
1
+
---
2
+
name: spec
3
+
description: Draft design documents and specs with research-informed questioning
4
+
disable-model-invocation: true
5
+
---
6
+
7
+
# Spec Writing
8
+
9
+
## When to Use
10
+
11
+
Use this skill when the user explicitly requests a spec, design document, or similar planning artifact. Do not auto-trigger for routine tasks.
12
+
13
+
## Process
14
+
15
+
### 1. Initial Scoping
16
+
17
+
When starting a spec:
18
+
- Ask the user for a brief description of what they want to build/change
19
+
- Reason about which question categories matter for this particular work—derive these from the problem, not a checklist
20
+
21
+
### 2. Interrogation Loop
22
+
23
+
Conduct open-ended questioning until the designer signals completion:
24
+
25
+
**Research-informed questions**: Before asking about an area, do just-in-time codebase research. Find relevant files, understand current patterns, identify constraints. Reference specific files and functions in questions when it adds clarity.
26
+
27
+
**Adaptive scope**: When the designer marks something as out of scope, update your mental model and don't revisit. However, flag when you believe there are gaps that could cause problems:
28
+
- "This approach assumes X—is that intentional?"
29
+
- "The current implementation of Y in `src/foo.ts:42` handles Z differently. Should we align or diverge?"
30
+
31
+
**Question style**:
32
+
- Ask one focused question at a time, or a small related cluster
33
+
- Ground questions in what you've learned from the codebase
34
+
- Avoid hypotheticals that don't apply to this codebase
35
+
- When presenting options, describe tradeoffs without recommending unless asked
36
+
37
+
### 3. Spec Writing
38
+
39
+
When the designer indicates readiness, produce the spec document.
40
+
41
+
## Output
42
+
43
+
Save to: `/specs/YYYY-MM-DD-short-name.md`
44
+
45
+
### Required Elements
46
+
47
+
**Title and status** (draft | approved | implemented)
48
+
49
+
**Goal**: What this achieves and why. 1-3 sentences.
50
+
51
+
**Design**: The substance of what will be built/changed. For each significant component or concern:
52
+
- Describe the approach
53
+
- State key decisions with their rationale inline
54
+
- Reference specific files, functions, and types where relevant
55
+
- Structure subsections to fit the problem—no fixed format
56
+
57
+
**Implementation**: Ordered steps that an agent or developer can execute. Each step should:
58
+
- Be concrete and actionable
59
+
- Reference specific files/functions to modify or create
60
+
- Be sequenced correctly (dependencies before dependents)
61
+
62
+
### Optional
63
+
64
+
- Background context (only if necessary for understanding)
65
+
- Open questions (only if unresolved items remain)
66
+
67
+
Add other sections if the problem demands it.
68
+
69
+
## Writing Style
70
+
71
+
- No filler, hedging, or preamble
72
+
- No "This document describes..." or "In this spec we will..."
73
+
- Start sections with substance, not meta-commentary
74
+
- Use precise technical language
75
+
- Keep decisions and rationale tight—one sentence each when possible
76
+
- Code references use `file/path.ts:lineNumber` or `functionName` in backticks
77
+
- Prefer concrete over abstract; specific over general
78
+
79
+
## Status Lifecycle
80
+
81
+
- **draft**: Work in progress. Should not be merged to main.
82
+
- **approved**: Designer has signed off. Ready for implementation.
83
+
- **implemented**: Work is complete. Spec is now historical record.
84
+
85
+
Update status in the document as it progresses. Specs are point-in-time snapshots—do not update content after implementation begins except to change status.
-22
actions/publishToPublication.ts
-22
actions/publishToPublication.ts
···
78
cover_image,
79
entitiesToDelete,
80
publishedAt,
81
-
postPreferences,
82
}: {
83
root_entity: string;
84
publication_uri?: string;
···
89
cover_image?: string | null;
90
entitiesToDelete?: string[];
91
publishedAt?: string;
92
-
postPreferences?: {
93
-
showComments?: boolean;
94
-
showMentions?: boolean;
95
-
showRecommends?: boolean;
96
-
} | null;
97
}): Promise<PublishResult> {
98
let identity = await getIdentityData();
99
if (!identity || !identity.atp_did) {
···
181
};
182
}
183
184
-
// Resolve preferences: explicit param > draft DB value
185
-
const preferences = postPreferences ?? draft?.preferences;
186
-
187
// Extract theme for standalone documents (not for publications)
188
let theme: PubLeafletPublication.Theme | undefined;
189
if (!publication_uri) {
···
254
...(coverImageBlob && { coverImage: coverImageBlob }),
255
// Include theme for standalone documents (not for publication documents)
256
...(!publication_uri && theme && { theme }),
257
-
...(preferences && {
258
-
preferences: {
259
-
$type: "pub.leaflet.publication#preferences" as const,
260
-
...preferences,
261
-
},
262
-
}),
263
content: {
264
$type: "pub.leaflet.content" as const,
265
pages: pagesArray,
···
272
author: credentialSession.did!,
273
...(publication_uri && { publication: publication_uri }),
274
...(theme && { theme }),
275
-
...(preferences && {
276
-
preferences: {
277
-
$type: "pub.leaflet.publication#preferences" as const,
278
-
...preferences,
279
-
},
280
-
}),
281
title: title || "Untitled",
282
description: description || "",
283
...(tags !== undefined && { tags }),
···
300
await supabaseServerClient.from("documents").upsert({
301
uri: result.uri,
302
data: record as unknown as Json,
303
-
indexed: true,
304
});
305
306
if (publication_uri) {
···
78
cover_image,
79
entitiesToDelete,
80
publishedAt,
81
}: {
82
root_entity: string;
83
publication_uri?: string;
···
88
cover_image?: string | null;
89
entitiesToDelete?: string[];
90
publishedAt?: string;
91
}): Promise<PublishResult> {
92
let identity = await getIdentityData();
93
if (!identity || !identity.atp_did) {
···
175
};
176
}
177
178
// Extract theme for standalone documents (not for publications)
179
let theme: PubLeafletPublication.Theme | undefined;
180
if (!publication_uri) {
···
245
...(coverImageBlob && { coverImage: coverImageBlob }),
246
// Include theme for standalone documents (not for publication documents)
247
...(!publication_uri && theme && { theme }),
248
content: {
249
$type: "pub.leaflet.content" as const,
250
pages: pagesArray,
···
257
author: credentialSession.did!,
258
...(publication_uri && { publication: publication_uri }),
259
...(theme && { theme }),
260
title: title || "Untitled",
261
description: description || "",
262
...(tags !== undefined && { tags }),
···
279
await supabaseServerClient.from("documents").upsert({
280
uri: result.uri,
281
data: record as unknown as Json,
282
});
283
284
if (publication_uri) {
+74
app/(home-pages)/discover/PubListing.tsx
+74
app/(home-pages)/discover/PubListing.tsx
···
···
1
+
"use client";
2
+
import { AtUri } from "@atproto/syntax";
3
+
import { PublicationSubscription } from "app/(home-pages)/reader/getSubscriptions";
4
+
import { SubscribeWithBluesky } from "app/lish/Subscribe";
5
+
import { PubIcon } from "components/ActionBar/Publications";
6
+
import { Separator } from "components/Layout";
7
+
import { usePubTheme } from "components/ThemeManager/PublicationThemeProvider";
8
+
import { BaseThemeProvider } from "components/ThemeManager/ThemeProvider";
9
+
import { blobRefToSrc } from "src/utils/blobRefToSrc";
10
+
import { timeAgo } from "src/utils/timeAgo";
11
+
12
+
export const PubListing = (
13
+
props: PublicationSubscription & {
14
+
resizeHeight?: boolean;
15
+
},
16
+
) => {
17
+
let record = props.record;
18
+
let theme = usePubTheme(record?.theme);
19
+
let backgroundImage = record?.theme?.backgroundImage?.image?.ref
20
+
? blobRefToSrc(
21
+
record?.theme?.backgroundImage?.image?.ref,
22
+
new AtUri(props.uri).host,
23
+
)
24
+
: null;
25
+
26
+
let backgroundImageRepeat = record?.theme?.backgroundImage?.repeat;
27
+
let backgroundImageSize = record?.theme?.backgroundImage?.width || 500;
28
+
if (!record) return null;
29
+
return (
30
+
<BaseThemeProvider {...theme} local>
31
+
<a
32
+
href={record.url}
33
+
className={`no-underline! flex flex-row gap-2
34
+
bg-bg-leaflet
35
+
border border-border-light rounded-lg
36
+
px-3 py-3 selected-outline
37
+
hover:outline-accent-contrast hover:border-accent-contrast
38
+
relative overflow-hidden`}
39
+
style={{
40
+
backgroundImage: `url(${backgroundImage})`,
41
+
backgroundRepeat: backgroundImageRepeat ? "repeat" : "no-repeat",
42
+
backgroundSize: `${backgroundImageRepeat ? `${backgroundImageSize}px` : "cover"}`,
43
+
}}
44
+
>
45
+
<div
46
+
className={`flex w-full flex-col justify-center text-center max-h-48 pt-4 pb-3 px-3 rounded-lg relative z-10 ${props.resizeHeight ? "" : "sm:h-48 h-full"} ${record.theme?.showPageBackground ? "bg-[rgba(var(--bg-page),var(--bg-page-alpha))] " : ""}`}
47
+
>
48
+
<div className="mx-auto pb-1">
49
+
<PubIcon record={record} uri={props.uri} large />
50
+
</div>
51
+
52
+
<h4 className="truncate shrink-0 ">{record.name}</h4>
53
+
{record.description && (
54
+
<p className="text-secondary text-sm max-h-full overflow-hidden pb-1">
55
+
{record.description}
56
+
</p>
57
+
)}
58
+
<div className="flex flex-col items-center justify-center text-xs text-tertiary pt-2">
59
+
<div className="flex flex-row gap-2 items-center">
60
+
{props.authorProfile?.handle}
61
+
</div>
62
+
<p>
63
+
Updated{" "}
64
+
{timeAgo(
65
+
props.documents_in_publications?.[0]?.documents?.sort_date ||
66
+
"",
67
+
)}
68
+
</p>
69
+
</div>
70
+
</div>
71
+
</a>
72
+
</BaseThemeProvider>
73
+
);
74
+
};
+97
app/(home-pages)/discover/SortButtons.tsx
+97
app/(home-pages)/discover/SortButtons.tsx
···
···
1
+
"use client";
2
+
import Link from "next/link";
3
+
import { useState } from "react";
4
+
import { theme } from "tailwind.config";
5
+
6
+
export default function SortButtons(props: { order: string }) {
7
+
const [selected, setSelected] = useState<"recentlyUpdated" | "popular">(
8
+
"recentlyUpdated",
9
+
);
10
+
11
+
return (
12
+
<div className="flex gap-2 pt-1">
13
+
<Link href="?order=recentlyUpdated">
14
+
<SortButton selected={props.order === "recentlyUpdated"}>
15
+
Recently Updated
16
+
</SortButton>
17
+
</Link>
18
+
19
+
<Link href="?order=popular">
20
+
<SortButton selected={props.order === "popular"}>Popular</SortButton>
21
+
</Link>
22
+
</div>
23
+
);
24
+
}
25
+
26
+
const SortButton = (props: {
27
+
children: React.ReactNode;
28
+
selected: boolean;
29
+
}) => {
30
+
return (
31
+
<div className="relative">
32
+
<button
33
+
style={
34
+
props.selected
35
+
? { backgroundColor: `rgba(var(--accent-1), 0.2)` }
36
+
: {}
37
+
}
38
+
className={`text-sm rounded-md px-[8px] py-0.5 border ${props.selected ? "border-accent-contrast text-accent-1 font-bold" : "text-tertiary border-border-light"}`}
39
+
>
40
+
{props.children}
41
+
</button>
42
+
{props.selected && (
43
+
<>
44
+
<div className="absolute top-0 -left-2">
45
+
<GlitterBig />
46
+
</div>
47
+
<div className="absolute top-4 left-0">
48
+
<GlitterSmall />
49
+
</div>
50
+
<div className="absolute -top-2 -right-1">
51
+
<GlitterSmall />
52
+
</div>
53
+
</>
54
+
)}
55
+
</div>
56
+
);
57
+
};
58
+
59
+
const GlitterBig = () => {
60
+
return (
61
+
<svg
62
+
width="16"
63
+
height="17"
64
+
viewBox="0 0 16 17"
65
+
fill="none"
66
+
xmlns="http://www.w3.org/2000/svg"
67
+
>
68
+
<path
69
+
d="M8.16553 0.804321C8.5961 0.804329 8.97528 1.03925 9.22803 1.40393C9.47845 1.76546 9.6128 2.25816 9.61279 2.84338C9.61279 2.98187 9.6178 3.11647 9.62646 3.2467C9.65365 3.65499 9.72104 4.02319 9.81006 4.35022C10.0833 5.35388 10.5641 5.96726 10.7349 6.14221C10.7443 6.15184 10.7543 6.16234 10.7642 6.17249C10.9808 6.39533 11.3925 6.8162 12.0142 7.09338C12.206 7.17892 12.4177 7.2502 12.6489 7.29749C12.8402 7.3366 13.0466 7.35993 13.2681 7.35999H13.269C14.2688 7.36032 14.9747 7.96603 14.9771 8.77014C14.9793 9.57755 14.272 10.1833 13.2681 10.1832C13.0278 10.1832 12.8137 10.2034 12.6226 10.2369C12.3793 10.2796 12.1697 10.3455 11.9858 10.4254C11.4714 10.6492 11.1325 10.9918 10.7935 11.3405C10.7739 11.3605 10.7544 11.381 10.7349 11.401C10.3936 11.7507 10.0271 12.1792 9.81006 12.9352C9.72175 13.2428 9.65679 13.6119 9.63135 14.0592C9.62378 14.1924 9.61963 14.3325 9.61963 14.4801C9.61963 15.5836 9.06909 16.4876 8.17822 16.4996C7.74928 16.5053 7.36767 16.2783 7.11182 15.9147C6.85918 15.5556 6.72412 15.065 6.72412 14.4801C6.72412 14.3385 6.71808 14.2015 6.70654 14.069C6.6724 13.6774 6.59177 13.324 6.48779 13.0123C6.16402 12.0419 5.61395 11.4722 5.54443 11.401C5.54371 11.4003 5.54043 11.3977 5.53467 11.3922C5.52778 11.3857 5.51839 11.3767 5.50635 11.3658C5.4823 11.3442 5.44954 11.3158 5.40869 11.2819C5.3268 11.2139 5.21473 11.1255 5.07764 11.0289C4.80173 10.8346 4.43374 10.6113 4.01611 10.443C3.82579 10.3663 3.62728 10.3019 3.42432 10.2565C3.21687 10.21 3.00599 10.1832 2.79541 10.1832C1.79834 10.1832 1.11533 9.56575 1.11865 8.76917C1.12219 7.9773 1.80451 7.36002 2.79541 7.35999C3.01821 7.35999 3.22798 7.33422 3.42432 7.29065C3.62557 7.24597 3.81426 7.18216 3.98877 7.10608C4.6567 6.81484 5.10772 6.35442 5.3042 6.15295C5.30777 6.1493 5.31147 6.14577 5.31494 6.14221C5.51076 5.94157 6.14024 5.28964 6.48584 4.26233C6.59001 3.95264 6.66793 3.60887 6.70068 3.23303C6.71166 3.10697 6.71826 2.977 6.71826 2.84338L6.72412 2.62854C6.75331 2.13723 6.88387 1.72031 7.10303 1.40393C7.35578 1.03923 7.73495 0.804326 8.16553 0.804321Z"
70
+
fill={theme.colors["accent-1"]}
71
+
stroke={theme.colors["bg-leaflet"]}
72
+
strokeLinecap="round"
73
+
strokeLinejoin="round"
74
+
/>
75
+
</svg>
76
+
);
77
+
};
78
+
79
+
const GlitterSmall = () => {
80
+
return (
81
+
<svg
82
+
width="13"
83
+
height="14"
84
+
viewBox="0 0 13 14"
85
+
fill="none"
86
+
xmlns="http://www.w3.org/2000/svg"
87
+
>
88
+
<path
89
+
d="M6.37585 1.23596C6.7489 1.23598 7.07064 1.44034 7.28015 1.7428C7.48716 2.04187 7.59266 2.4408 7.59265 2.901C7.59266 3.00294 7.59605 3.10213 7.60242 3.19788C7.62244 3.49844 7.67183 3.76938 7.73718 4.0094C7.93813 4.74731 8.29123 5.1934 8.4071 5.31213L8.57703 5.48206C8.75042 5.64731 9.00188 5.85577 9.33777 6.00549C9.47565 6.06695 9.62723 6.11812 9.79285 6.15198C9.92991 6.18 10.0779 6.1959 10.2372 6.19592C11.0418 6.19604 11.6503 6.69195 11.6522 7.38538C11.654 8.08176 11.0444 8.57683 10.2372 8.57678C10.0618 8.57678 9.90679 8.59077 9.76941 8.61487C9.59484 8.6455 9.4456 8.69297 9.31531 8.74963C8.95055 8.9083 8.70884 9.15057 8.45203 9.41467C8.43719 9.42993 8.42207 9.44621 8.4071 9.46155C8.15582 9.71904 7.89358 10.0262 7.73718 10.5709C7.67315 10.7941 7.62512 11.064 7.60632 11.3942C7.60073 11.4925 7.59754 11.5963 7.59753 11.7057C7.59753 12.5657 7.16303 13.3455 6.38757 13.3561C6.01608 13.3611 5.6911 13.1642 5.47839 12.8619C5.26902 12.5643 5.16394 12.1657 5.16394 11.7057C5.16393 11.6022 5.15871 11.5017 5.15027 11.4049C5.1253 11.1189 5.06701 10.861 4.99109 10.6334C4.75475 9.92518 4.35324 9.51044 4.30554 9.46155C4.30554 9.46155 4.27494 9.43195 4.21179 9.37952C4.15207 9.32993 4.06961 9.26511 3.96863 9.19397C3.76515 9.05064 3.49524 8.88718 3.19031 8.76428C3.05151 8.70835 2.90782 8.66129 2.7616 8.62854C2.61218 8.59509 2.4616 8.57679 2.31238 8.57678C1.50706 8.57678 0.918891 8.07006 0.921753 7.3844C0.924612 6.70329 1.51125 6.19594 2.31238 6.19592C2.47154 6.19591 2.6213 6.17821 2.7616 6.14709C2.90554 6.11514 3.04128 6.06904 3.16687 6.01428C3.64904 5.80395 3.97684 5.47074 4.1239 5.31995C4.12648 5.3173 4.12918 5.31473 4.13171 5.31213C4.27635 5.16393 4.73656 4.68608 4.98914 3.93518C5.06511 3.70931 5.12247 3.45905 5.14636 3.18518C5.15436 3.09338 5.15905 2.99838 5.15906 2.901C5.15906 2.44078 5.26453 2.04187 5.47156 1.7428C5.68108 1.44033 6.00279 1.23595 6.37585 1.23596Z"
90
+
fill={theme.colors["accent-1"]}
91
+
stroke={theme.colors["bg-leaflet"]}
92
+
strokeLinecap="round"
93
+
strokeLinejoin="round"
94
+
/>
95
+
</svg>
96
+
);
97
+
};
+195
app/(home-pages)/discover/SortedPublicationList.tsx
+195
app/(home-pages)/discover/SortedPublicationList.tsx
···
···
1
+
"use client";
2
+
import Link from "next/link";
3
+
import { useState, useEffect, useRef } from "react";
4
+
import { theme } from "tailwind.config";
5
+
import { PubListing } from "./PubListing";
6
+
import useSWRInfinite from "swr/infinite";
7
+
import { getPublications, type Cursor, type Publication } from "./getPublications";
8
+
9
+
export function SortedPublicationList(props: {
10
+
publications: Publication[];
11
+
order: string;
12
+
nextCursor: Cursor | null;
13
+
}) {
14
+
let [order, setOrder] = useState(props.order);
15
+
16
+
const getKey = (
17
+
pageIndex: number,
18
+
previousPageData: { publications: Publication[]; nextCursor: Cursor | null } | null,
19
+
) => {
20
+
// Reached the end
21
+
if (previousPageData && !previousPageData.nextCursor) return null;
22
+
23
+
// First page, we don't have previousPageData
24
+
if (pageIndex === 0) return ["discover-publications", order, null] as const;
25
+
26
+
// Add the cursor to the key
27
+
return ["discover-publications", order, previousPageData?.nextCursor] as const;
28
+
};
29
+
30
+
const { data, error, size, setSize, isValidating } = useSWRInfinite(
31
+
getKey,
32
+
([_, orderValue, cursor]) => {
33
+
const orderParam = orderValue === "popular" ? "popular" : "recentlyUpdated";
34
+
return getPublications(orderParam, cursor);
35
+
},
36
+
{
37
+
fallbackData: order === props.order
38
+
? [{ publications: props.publications, nextCursor: props.nextCursor }]
39
+
: undefined,
40
+
revalidateFirstPage: false,
41
+
},
42
+
);
43
+
44
+
const loadMoreRef = useRef<HTMLDivElement>(null);
45
+
46
+
// Set up intersection observer to load more when trigger element is visible
47
+
useEffect(() => {
48
+
const observer = new IntersectionObserver(
49
+
(entries) => {
50
+
if (entries[0].isIntersecting && !isValidating) {
51
+
const hasMore = data && data[data.length - 1]?.nextCursor;
52
+
if (hasMore) {
53
+
setSize(size + 1);
54
+
}
55
+
}
56
+
},
57
+
{ threshold: 0.1 },
58
+
);
59
+
60
+
if (loadMoreRef.current) {
61
+
observer.observe(loadMoreRef.current);
62
+
}
63
+
64
+
return () => observer.disconnect();
65
+
}, [data, size, setSize, isValidating]);
66
+
67
+
const allPublications = data ? data.flatMap((page) => page.publications) : [];
68
+
69
+
return (
70
+
<div className="discoverHeader flex flex-col items-center ">
71
+
<SortButtons
72
+
order={order}
73
+
setOrder={(o) => {
74
+
const url = new URL(window.location.href);
75
+
url.searchParams.set("order", o);
76
+
window.history.pushState({}, "", url);
77
+
setOrder(o);
78
+
}}
79
+
/>
80
+
<div className="discoverPubList flex flex-col gap-3 pt-6 w-full relative">
81
+
{allPublications.map((pub) => (
82
+
<PubListing resizeHeight key={pub.uri} {...pub} />
83
+
))}
84
+
{/* Trigger element for loading more publications */}
85
+
<div
86
+
ref={loadMoreRef}
87
+
className="absolute bottom-96 left-0 w-full h-px pointer-events-none"
88
+
aria-hidden="true"
89
+
/>
90
+
{isValidating && (
91
+
<div className="text-center text-tertiary py-4">
92
+
Loading more publications...
93
+
</div>
94
+
)}
95
+
</div>
96
+
</div>
97
+
);
98
+
}
99
+
100
+
export default function SortButtons(props: {
101
+
order: string;
102
+
setOrder: (order: string) => void;
103
+
}) {
104
+
const [selected, setSelected] = useState<"recentlyUpdated" | "popular">(
105
+
"recentlyUpdated",
106
+
);
107
+
108
+
return (
109
+
<div className="flex gap-2 pt-1">
110
+
<SortButton
111
+
selected={props.order === "recentlyUpdated"}
112
+
onClick={() => props.setOrder("recentlyUpdated")}
113
+
>
114
+
Recently Updated
115
+
</SortButton>
116
+
117
+
<SortButton
118
+
selected={props.order === "popular"}
119
+
onClick={() => props.setOrder("popular")}
120
+
>
121
+
Popular
122
+
</SortButton>
123
+
</div>
124
+
);
125
+
}
126
+
127
+
const SortButton = (props: {
128
+
children: React.ReactNode;
129
+
onClick: () => void;
130
+
selected: boolean;
131
+
}) => {
132
+
return (
133
+
<div className="relative">
134
+
<button
135
+
onClick={props.onClick}
136
+
className={`text-sm rounded-md px-[8px] font-bold py-0.5 border ${props.selected ? "border-accent-contrast bg-accent-1 text-accent-2 " : "bg-bg-page text-accent-contrast border-accent-contrast"}`}
137
+
>
138
+
{props.children}
139
+
</button>
140
+
{props.selected && (
141
+
<>
142
+
<div className="absolute top-0 -left-2">
143
+
<GlitterBig />
144
+
</div>
145
+
<div className="absolute top-4 left-0">
146
+
<GlitterSmall />
147
+
</div>
148
+
<div className="absolute -top-2 -right-1">
149
+
<GlitterSmall />
150
+
</div>
151
+
</>
152
+
)}
153
+
</div>
154
+
);
155
+
};
156
+
157
+
const GlitterBig = () => {
158
+
return (
159
+
<svg
160
+
width="16"
161
+
height="17"
162
+
viewBox="0 0 16 17"
163
+
fill="none"
164
+
xmlns="http://www.w3.org/2000/svg"
165
+
>
166
+
<path
167
+
d="M8.16553 0.804321C8.5961 0.804329 8.97528 1.03925 9.22803 1.40393C9.47845 1.76546 9.6128 2.25816 9.61279 2.84338C9.61279 2.98187 9.6178 3.11647 9.62646 3.2467C9.65365 3.65499 9.72104 4.02319 9.81006 4.35022C10.0833 5.35388 10.5641 5.96726 10.7349 6.14221C10.7443 6.15184 10.7543 6.16234 10.7642 6.17249C10.9808 6.39533 11.3925 6.8162 12.0142 7.09338C12.206 7.17892 12.4177 7.2502 12.6489 7.29749C12.8402 7.3366 13.0466 7.35993 13.2681 7.35999H13.269C14.2688 7.36032 14.9747 7.96603 14.9771 8.77014C14.9793 9.57755 14.272 10.1833 13.2681 10.1832C13.0278 10.1832 12.8137 10.2034 12.6226 10.2369C12.3793 10.2796 12.1697 10.3455 11.9858 10.4254C11.4714 10.6492 11.1325 10.9918 10.7935 11.3405C10.7739 11.3605 10.7544 11.381 10.7349 11.401C10.3936 11.7507 10.0271 12.1792 9.81006 12.9352C9.72175 13.2428 9.65679 13.6119 9.63135 14.0592C9.62378 14.1924 9.61963 14.3325 9.61963 14.4801C9.61963 15.5836 9.06909 16.4876 8.17822 16.4996C7.74928 16.5053 7.36767 16.2783 7.11182 15.9147C6.85918 15.5556 6.72412 15.065 6.72412 14.4801C6.72412 14.3385 6.71808 14.2015 6.70654 14.069C6.6724 13.6774 6.59177 13.324 6.48779 13.0123C6.16402 12.0419 5.61395 11.4722 5.54443 11.401C5.54371 11.4003 5.54043 11.3977 5.53467 11.3922C5.52778 11.3857 5.51839 11.3767 5.50635 11.3658C5.4823 11.3442 5.44954 11.3158 5.40869 11.2819C5.3268 11.2139 5.21473 11.1255 5.07764 11.0289C4.80173 10.8346 4.43374 10.6113 4.01611 10.443C3.82579 10.3663 3.62728 10.3019 3.42432 10.2565C3.21687 10.21 3.00599 10.1832 2.79541 10.1832C1.79834 10.1832 1.11533 9.56575 1.11865 8.76917C1.12219 7.9773 1.80451 7.36002 2.79541 7.35999C3.01821 7.35999 3.22798 7.33422 3.42432 7.29065C3.62557 7.24597 3.81426 7.18216 3.98877 7.10608C4.6567 6.81484 5.10772 6.35442 5.3042 6.15295C5.30777 6.1493 5.31147 6.14577 5.31494 6.14221C5.51076 5.94157 6.14024 5.28964 6.48584 4.26233C6.59001 3.95264 6.66793 3.60887 6.70068 3.23303C6.71166 3.10697 6.71826 2.977 6.71826 2.84338L6.72412 2.62854C6.75331 2.13723 6.88387 1.72031 7.10303 1.40393C7.35578 1.03923 7.73495 0.804326 8.16553 0.804321Z"
168
+
fill={theme.colors["accent-1"]}
169
+
stroke={theme.colors["bg-leaflet"]}
170
+
strokeLinecap="round"
171
+
strokeLinejoin="round"
172
+
/>
173
+
</svg>
174
+
);
175
+
};
176
+
177
+
const GlitterSmall = () => {
178
+
return (
179
+
<svg
180
+
width="13"
181
+
height="14"
182
+
viewBox="0 0 13 14"
183
+
fill="none"
184
+
xmlns="http://www.w3.org/2000/svg"
185
+
>
186
+
<path
187
+
d="M6.37585 1.23596C6.7489 1.23598 7.07064 1.44034 7.28015 1.7428C7.48716 2.04187 7.59266 2.4408 7.59265 2.901C7.59266 3.00294 7.59605 3.10213 7.60242 3.19788C7.62244 3.49844 7.67183 3.76938 7.73718 4.0094C7.93813 4.74731 8.29123 5.1934 8.4071 5.31213L8.57703 5.48206C8.75042 5.64731 9.00188 5.85577 9.33777 6.00549C9.47565 6.06695 9.62723 6.11812 9.79285 6.15198C9.92991 6.18 10.0779 6.1959 10.2372 6.19592C11.0418 6.19604 11.6503 6.69195 11.6522 7.38538C11.654 8.08176 11.0444 8.57683 10.2372 8.57678C10.0618 8.57678 9.90679 8.59077 9.76941 8.61487C9.59484 8.6455 9.4456 8.69297 9.31531 8.74963C8.95055 8.9083 8.70884 9.15057 8.45203 9.41467C8.43719 9.42993 8.42207 9.44621 8.4071 9.46155C8.15582 9.71904 7.89358 10.0262 7.73718 10.5709C7.67315 10.7941 7.62512 11.064 7.60632 11.3942C7.60073 11.4925 7.59754 11.5963 7.59753 11.7057C7.59753 12.5657 7.16303 13.3455 6.38757 13.3561C6.01608 13.3611 5.6911 13.1642 5.47839 12.8619C5.26902 12.5643 5.16394 12.1657 5.16394 11.7057C5.16393 11.6022 5.15871 11.5017 5.15027 11.4049C5.1253 11.1189 5.06701 10.861 4.99109 10.6334C4.75475 9.92518 4.35324 9.51044 4.30554 9.46155C4.30554 9.46155 4.27494 9.43195 4.21179 9.37952C4.15207 9.32993 4.06961 9.26511 3.96863 9.19397C3.76515 9.05064 3.49524 8.88718 3.19031 8.76428C3.05151 8.70835 2.90782 8.66129 2.7616 8.62854C2.61218 8.59509 2.4616 8.57679 2.31238 8.57678C1.50706 8.57678 0.918891 8.07006 0.921753 7.3844C0.924612 6.70329 1.51125 6.19594 2.31238 6.19592C2.47154 6.19591 2.6213 6.17821 2.7616 6.14709C2.90554 6.11514 3.04128 6.06904 3.16687 6.01428C3.64904 5.80395 3.97684 5.47074 4.1239 5.31995C4.12648 5.3173 4.12918 5.31473 4.13171 5.31213C4.27635 5.16393 4.73656 4.68608 4.98914 3.93518C5.06511 3.70931 5.12247 3.45905 5.14636 3.18518C5.15436 3.09338 5.15905 2.99838 5.15906 2.901C5.15906 2.44078 5.26453 2.04187 5.47156 1.7428C5.68108 1.44033 6.00279 1.23595 6.37585 1.23596Z"
188
+
fill={theme.colors["accent-1"]}
189
+
stroke={theme.colors["bg-leaflet"]}
190
+
strokeLinecap="round"
191
+
strokeLinejoin="round"
192
+
/>
193
+
</svg>
194
+
);
195
+
};
+133
app/(home-pages)/discover/getPublications.ts
+133
app/(home-pages)/discover/getPublications.ts
···
···
1
+
"use server";
2
+
3
+
import { supabaseServerClient } from "supabase/serverClient";
4
+
import {
5
+
normalizePublicationRow,
6
+
hasValidPublication,
7
+
} from "src/utils/normalizeRecords";
8
+
import { deduplicateByUri } from "src/utils/deduplicateRecords";
9
+
10
+
export type Cursor = {
11
+
sort_date?: string;
12
+
count?: number;
13
+
uri: string;
14
+
};
15
+
16
+
export type Publication = Awaited<
17
+
ReturnType<typeof getPublications>
18
+
>["publications"][number];
19
+
20
+
export async function getPublications(
21
+
order: "recentlyUpdated" | "popular" = "recentlyUpdated",
22
+
cursor?: Cursor | null,
23
+
): Promise<{ publications: any[]; nextCursor: Cursor | null }> {
24
+
const limit = 25;
25
+
26
+
// Fetch all publications with their most recent document
27
+
let { data: publications, error } = await supabaseServerClient
28
+
.from("publications")
29
+
.select(
30
+
"*, documents_in_publications(*, documents(*)), publication_subscriptions(count)",
31
+
)
32
+
.or(
33
+
"record->preferences->showInDiscover.is.null,record->preferences->>showInDiscover.eq.true",
34
+
)
35
+
.order("documents(sort_date)", {
36
+
referencedTable: "documents_in_publications",
37
+
ascending: false,
38
+
})
39
+
.limit(1, { referencedTable: "documents_in_publications" });
40
+
41
+
if (error) {
42
+
console.error("Error fetching publications:", error);
43
+
return { publications: [], nextCursor: null };
44
+
}
45
+
46
+
// Deduplicate records that may exist under both pub.leaflet and site.standard namespaces
47
+
const dedupedPublications = deduplicateByUri(publications || []);
48
+
49
+
// Filter out publications without documents
50
+
const allPubs = dedupedPublications.filter(
51
+
(pub) => pub.documents_in_publications.length > 0,
52
+
);
53
+
54
+
// Sort on the server
55
+
allPubs.sort((a, b) => {
56
+
if (order === "popular") {
57
+
const aCount = a.publication_subscriptions[0]?.count || 0;
58
+
const bCount = b.publication_subscriptions[0]?.count || 0;
59
+
if (bCount !== aCount) {
60
+
return bCount - aCount;
61
+
}
62
+
// Secondary sort by uri for stability
63
+
return b.uri.localeCompare(a.uri);
64
+
} else {
65
+
// recentlyUpdated
66
+
const aDate = new Date(
67
+
a.documents_in_publications[0]?.documents?.sort_date || 0,
68
+
).getTime();
69
+
const bDate = new Date(
70
+
b.documents_in_publications[0]?.documents?.sort_date || 0,
71
+
).getTime();
72
+
if (bDate !== aDate) {
73
+
return bDate - aDate;
74
+
}
75
+
// Secondary sort by uri for stability
76
+
return b.uri.localeCompare(a.uri);
77
+
}
78
+
});
79
+
80
+
// Find cursor position and slice
81
+
let startIndex = 0;
82
+
if (cursor) {
83
+
startIndex = allPubs.findIndex((pub) => {
84
+
if (order === "popular") {
85
+
const pubCount = pub.publication_subscriptions[0]?.count || 0;
86
+
// Find first pub after cursor
87
+
return (
88
+
pubCount < (cursor.count || 0) ||
89
+
(pubCount === cursor.count && pub.uri < cursor.uri)
90
+
);
91
+
} else {
92
+
const pubDate = pub.documents_in_publications[0]?.documents?.sort_date || "";
93
+
// Find first pub after cursor
94
+
return (
95
+
pubDate < (cursor.sort_date || "") ||
96
+
(pubDate === cursor.sort_date && pub.uri < cursor.uri)
97
+
);
98
+
}
99
+
});
100
+
// If not found, we're at the end
101
+
if (startIndex === -1) {
102
+
return { publications: [], nextCursor: null };
103
+
}
104
+
}
105
+
106
+
// Get the page
107
+
const page = allPubs.slice(startIndex, startIndex + limit);
108
+
109
+
// Normalize publication records
110
+
const normalizedPage = page
111
+
.map(normalizePublicationRow)
112
+
.filter(hasValidPublication);
113
+
114
+
// Create next cursor based on last item in normalizedPage
115
+
const lastItem = normalizedPage[normalizedPage.length - 1];
116
+
const nextCursor =
117
+
normalizedPage.length > 0 && startIndex + limit < allPubs.length
118
+
? order === "recentlyUpdated"
119
+
? {
120
+
sort_date: lastItem.documents_in_publications[0]?.documents?.sort_date,
121
+
uri: lastItem.uri,
122
+
}
123
+
: {
124
+
count: lastItem.publication_subscriptions[0]?.count || 0,
125
+
uri: lastItem.uri,
126
+
}
127
+
: null;
128
+
129
+
return {
130
+
publications: normalizedPage,
131
+
nextCursor,
132
+
};
133
+
}
+53
app/(home-pages)/discover/page.tsx
+53
app/(home-pages)/discover/page.tsx
···
···
1
+
import Link from "next/link";
2
+
import { SortedPublicationList } from "./SortedPublicationList";
3
+
import { Metadata } from "next";
4
+
import { DashboardLayout } from "components/PageLayouts/DashboardLayout";
5
+
import { getPublications } from "./getPublications";
6
+
7
+
export const metadata: Metadata = {
8
+
title: "Leaflet Discover",
9
+
description: "Explore publications on Leaflet ✨ Or make your own!",
10
+
};
11
+
12
+
export default async function Discover(props: {
13
+
searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
14
+
}) {
15
+
let order = ((await props.searchParams).order as string) || "recentlyUpdated";
16
+
17
+
return (
18
+
<DashboardLayout
19
+
id="discover"
20
+
currentPage="discover"
21
+
defaultTab="default"
22
+
actions={null}
23
+
tabs={{
24
+
default: {
25
+
controls: null,
26
+
content: <DiscoverContent order={order} />,
27
+
},
28
+
}}
29
+
/>
30
+
);
31
+
}
32
+
33
+
const DiscoverContent = async (props: { order: string }) => {
34
+
const orderValue = props.order === "popular" ? "popular" : "recentlyUpdated";
35
+
let { publications, nextCursor } = await getPublications(orderValue);
36
+
37
+
return (
38
+
<div className="max-w-prose mx-auto w-full">
39
+
<div className="discoverHeader flex flex-col items-center text-center pt-2 px-4">
40
+
<h1>Discover</h1>
41
+
<p className="text-lg text-secondary italic mb-2">
42
+
Explore publications on Leaflet ✨ Or{" "}
43
+
<Link href="/lish/createPub">make your own</Link>!
44
+
</p>
45
+
</div>
46
+
<SortedPublicationList
47
+
publications={publications}
48
+
order={props.order}
49
+
nextCursor={nextCursor}
50
+
/>
51
+
</div>
52
+
);
53
+
};
+116
-6
app/(home-pages)/home/Actions/AccountSettings.tsx
+116
-6
app/(home-pages)/home/Actions/AccountSettings.tsx
···
1
"use client";
2
3
import { ActionButton } from "components/ActionBar/ActionButton";
4
import { Popover } from "components/Popover";
5
import { ThemeSetterContent } from "components/ThemeManager/ThemeSetter";
6
import { useIsMobile } from "src/hooks/isMobile";
7
-
import { PaintSmall } from "components/Icons/PaintSmall";
8
9
-
export const AccountTheme = (props: { entityID: string }) => {
10
let isMobile = useIsMobile();
11
12
return (
13
<Popover
14
asChild
15
side={isMobile ? "top" : "right"}
16
align={isMobile ? "center" : "start"}
17
-
className={`w-xs bg-white!`}
18
-
arrowFill="bg-white"
19
-
trigger={<ActionButton smallOnMobile icon=<PaintSmall /> label="Theme" />}
20
>
21
-
<ThemeSetterContent entityID={props.entityID} home />
22
</Popover>
23
);
24
};
···
1
"use client";
2
3
import { ActionButton } from "components/ActionBar/ActionButton";
4
+
import { mutate } from "swr";
5
+
import { AccountSmall } from "components/Icons/AccountSmall";
6
+
import { LogoutSmall } from "components/Icons/LogoutSmall";
7
import { Popover } from "components/Popover";
8
+
import { ArrowRightTiny } from "components/Icons/ArrowRightTiny";
9
+
import { SpeedyLink } from "components/SpeedyLink";
10
+
import { GoBackSmall } from "components/Icons/GoBackSmall";
11
+
import { useState } from "react";
12
import { ThemeSetterContent } from "components/ThemeManager/ThemeSetter";
13
import { useIsMobile } from "src/hooks/isMobile";
14
15
+
export const AccountSettings = (props: { entityID: string }) => {
16
+
let [state, setState] = useState<"menu" | "general" | "theme">("menu");
17
let isMobile = useIsMobile();
18
19
return (
20
<Popover
21
asChild
22
+
onOpenChange={() => setState("menu")}
23
side={isMobile ? "top" : "right"}
24
align={isMobile ? "center" : "start"}
25
+
className={`max-w-xs w-[1000px] ${state === "theme" && "bg-white!"}`}
26
+
trigger={<ActionButton icon=<AccountSmall /> label="Settings" />}
27
>
28
+
{state === "general" ? (
29
+
<GeneralSettings backToMenu={() => setState("menu")} />
30
+
) : state === "theme" ? (
31
+
<AccountThemeSettings
32
+
entityID={props.entityID}
33
+
backToMenu={() => setState("menu")}
34
+
/>
35
+
) : (
36
+
<SettingsMenu state={state} setState={setState} />
37
+
)}
38
</Popover>
39
);
40
};
41
+
42
+
const SettingsMenu = (props: {
43
+
state: "menu" | "general" | "theme";
44
+
setState: (s: typeof props.state) => void;
45
+
}) => {
46
+
let menuItemClassName =
47
+
"menuItem -mx-[8px] text-left flex items-center justify-between hover:no-underline!";
48
+
49
+
return (
50
+
<div className="flex flex-col gap-0.5">
51
+
<AccountSettingsHeader state={"menu"} />
52
+
<button
53
+
className={menuItemClassName}
54
+
type="button"
55
+
onClick={() => {
56
+
props.setState("general");
57
+
}}
58
+
>
59
+
General
60
+
<ArrowRightTiny />
61
+
</button>
62
+
<button
63
+
className={menuItemClassName}
64
+
type="button"
65
+
onClick={() => props.setState("theme")}
66
+
>
67
+
Account Theme
68
+
<ArrowRightTiny />
69
+
</button>
70
+
</div>
71
+
);
72
+
};
73
+
74
+
const GeneralSettings = (props: { backToMenu: () => void }) => {
75
+
return (
76
+
<div className="flex flex-col gap-0.5">
77
+
<AccountSettingsHeader
78
+
state={"general"}
79
+
backToMenuAction={() => props.backToMenu()}
80
+
/>
81
+
82
+
<button
83
+
className="flex gap-2 font-bold"
84
+
onClick={async () => {
85
+
await fetch("/api/auth/logout");
86
+
mutate("identity", null);
87
+
}}
88
+
>
89
+
<LogoutSmall />
90
+
Logout
91
+
</button>
92
+
</div>
93
+
);
94
+
};
95
+
const AccountThemeSettings = (props: {
96
+
entityID: string;
97
+
backToMenu: () => void;
98
+
}) => {
99
+
return (
100
+
<div className="flex flex-col gap-0.5">
101
+
<AccountSettingsHeader
102
+
state={"theme"}
103
+
backToMenuAction={() => props.backToMenu()}
104
+
/>
105
+
<ThemeSetterContent entityID={props.entityID} home />
106
+
</div>
107
+
);
108
+
};
109
+
export const AccountSettingsHeader = (props: {
110
+
state: "menu" | "general" | "theme";
111
+
backToMenuAction?: () => void;
112
+
}) => {
113
+
return (
114
+
<div className="flex justify-between font-bold text-secondary bg-border-light -mx-3 -mt-2 px-3 py-2 mb-1">
115
+
{props.state === "menu"
116
+
? "Settings"
117
+
: props.state === "general"
118
+
? "General"
119
+
: props.state === "theme"
120
+
? "Account Theme"
121
+
: ""}
122
+
{props.backToMenuAction && (
123
+
<button
124
+
type="button"
125
+
onClick={() => {
126
+
props.backToMenuAction && props.backToMenuAction();
127
+
}}
128
+
>
129
+
<GoBackSmall className="text-accent-contrast" />
130
+
</button>
131
+
)}
132
+
</div>
133
+
);
134
+
};
+6
-2
app/(home-pages)/home/Actions/Actions.tsx
+6
-2
app/(home-pages)/home/Actions/Actions.tsx
···
2
import { ThemePopover } from "components/ThemeManager/ThemeSetter";
3
import { CreateNewLeafletButton } from "./CreateNewButton";
4
import { HelpButton } from "app/[leaflet_id]/actions/HelpButton";
5
-
import { AccountTheme } from "./AccountSettings";
6
import { useIdentityData } from "components/IdentityProvider";
7
import { useReplicache } from "src/replicache";
8
import { LoginActionButton } from "components/LoginButton";
···
13
return (
14
<>
15
<CreateNewLeafletButton />
16
-
{identity && <AccountTheme entityID={rootEntity} />}
17
</>
18
);
19
};
···
2
import { ThemePopover } from "components/ThemeManager/ThemeSetter";
3
import { CreateNewLeafletButton } from "./CreateNewButton";
4
import { HelpButton } from "app/[leaflet_id]/actions/HelpButton";
5
+
import { AccountSettings } from "./AccountSettings";
6
import { useIdentityData } from "components/IdentityProvider";
7
import { useReplicache } from "src/replicache";
8
import { LoginActionButton } from "components/LoginButton";
···
13
return (
14
<>
15
<CreateNewLeafletButton />
16
+
{identity ? (
17
+
<AccountSettings entityID={rootEntity} />
18
+
) : (
19
+
<LoginActionButton />
20
+
)}
21
</>
22
);
23
};
+1
-2
app/(home-pages)/home/Actions/CreateNewButton.tsx
+1
-2
app/(home-pages)/home/Actions/CreateNewButton.tsx
+79
-55
app/(home-pages)/home/HomeEmpty/HomeEmpty.tsx
+79
-55
app/(home-pages)/home/HomeEmpty/HomeEmpty.tsx
···
1
"use client";
2
import { PubListEmptyIllo } from "components/ActionBar/Publications";
3
-
import { ButtonPrimary, ButtonSecondary } from "components/Buttons";
4
import { WelcomeToLeafletIllo } from "./WelcomeToLeafletIllo";
5
import { createNewLeaflet } from "actions/createNewLeaflet";
6
import { useIsMobile } from "src/hooks/isMobile";
7
-
import { SpeedyLink } from "components/SpeedyLink";
8
9
export function HomeEmptyState() {
10
return (
11
-
<div className="flex flex-col gap-4 sm:flex-row">
12
<PublicationBanner />
13
-
<div className="flex sm:flex-col flex-row gap-2 sm:w-fit w-full items-center text-tertiary font-normal italic">
14
-
<hr className="border-border grow w-full sm:w-px h-px sm:h-full border-l" />
15
-
<div>or</div>
16
-
<hr className="border-border grow w-full sm:w-px h-px sm:h-full border-l" />
17
</div>
18
-
<DocBanner />
19
</div>
20
);
21
}
22
23
-
let bannerStyles =
24
-
"flex flex-row sm:flex-col py-4 px-4 sm:items-center items-start gap-4";
25
-
26
-
const PublicationBanner = () => {
27
return (
28
-
<div className={`accent-container sm:basis-2/3 ${bannerStyles}`}>
29
-
<div className="my-auto flex flex-row sm:flex-col gap-4">
30
<div className="w-[64px] mx-auto">
31
<PubListEmptyIllo />
32
</div>
33
-
<div className={`flex flex-col sm:text-center text-left w-full`}>
34
-
<h3>Create a Publication!</h3>
35
-
<div className="mb-2 text-tertiary">
36
-
You can decide to share or publish it later.
37
-
</div>
38
-
<SpeedyLink href="/lish/createPub" className="sm:mx-auto mx-0 ">
39
-
<ButtonPrimary>Create a Publication</ButtonPrimary>
40
-
</SpeedyLink>
41
-
</div>
42
</div>
43
</div>
44
);
45
};
46
47
-
const DocBanner = () => {
48
-
let isMobile = useIsMobile();
49
-
50
return (
51
-
<div className={`text-sm sm:basis-1/3 py-0! sm:py-4! ${bannerStyles}`}>
52
-
<div className="w-[48px] mx-auto">
53
-
<WelcomeToLeafletIllo />
54
-
</div>
55
-
56
-
<div className={`grow flex flex-col sm:text-center text-left w-full`}>
57
-
<h4>Just write something</h4>
58
-
<div className="mb-2 text-tertiary">
59
-
You can decide to share or publish it later.
60
</div>
61
-
<ButtonSecondary
62
-
className="sm:mx-auto mx-0"
63
-
onClick={async () => {
64
-
let openNewLeaflet = (id: string) => {
65
-
if (isMobile) {
66
-
window.location.href = `/${id}?focusFirstBlock`;
67
-
} else {
68
-
window.open(`/${id}?focusFirstBlock`, "_blank");
69
-
}
70
-
};
71
-
72
-
let id = await createNewLeaflet({
73
-
pageType: "doc",
74
-
redirectUser: false,
75
-
});
76
-
openNewLeaflet(id);
77
-
}}
78
-
>
79
-
New Doc!
80
-
</ButtonSecondary>
81
</div>
82
</div>
83
);
···
1
"use client";
2
+
3
import { PubListEmptyIllo } from "components/ActionBar/Publications";
4
+
import { ButtonPrimary } from "components/Buttons";
5
+
import { AddSmall } from "components/Icons/AddSmall";
6
+
import { Link } from "react-aria-components";
7
+
import { DiscoverIllo } from "./DiscoverIllo";
8
import { WelcomeToLeafletIllo } from "./WelcomeToLeafletIllo";
9
+
import { DiscoverSmall } from "components/Icons/DiscoverSmall";
10
+
import { PublishSmall } from "components/Icons/PublishSmall";
11
import { createNewLeaflet } from "actions/createNewLeaflet";
12
import { useIsMobile } from "src/hooks/isMobile";
13
14
export function HomeEmptyState() {
15
+
let isMobile = useIsMobile();
16
return (
17
+
<div className="flex flex-col gap-4 font-bold">
18
+
<div className="container p-2 flex gap-4">
19
+
<div className="w-[72px]">
20
+
<WelcomeToLeafletIllo />
21
+
</div>
22
+
<div className="flex flex-col grow">
23
+
<h3 className="text-xl font-semibold pt-2">Leaflet</h3>
24
+
{/*<h3>A platform for social publishing.</h3>*/}
25
+
<div className="font-normal text-tertiary italic">
26
+
Write and share delightful documents!
27
+
</div>
28
+
<ButtonPrimary
29
+
className="!text-lg my-3"
30
+
onClick={async () => {
31
+
let openNewLeaflet = (id: string) => {
32
+
if (isMobile) {
33
+
window.location.href = `/${id}?focusFirstBlock`;
34
+
} else {
35
+
window.open(`/${id}?focusFirstBlock`, "_blank");
36
+
}
37
+
};
38
+
39
+
let id = await createNewLeaflet({
40
+
pageType: "doc",
41
+
redirectUser: false,
42
+
});
43
+
openNewLeaflet(id);
44
+
}}
45
+
>
46
+
<AddSmall /> Write a Doc!
47
+
</ButtonPrimary>
48
+
</div>
49
+
</div>
50
+
<div className="flex gap-2 w-full items-center text-tertiary font-normal italic">
51
+
<hr className="border-border w-full" />
52
+
<div>or</div>
53
+
<hr className="border-border w-full" />
54
+
</div>
55
+
56
<PublicationBanner />
57
+
<DiscoverBanner />
58
+
<div className="text-tertiary italic text-sm font-normal -mt-2">
59
+
Right now docs and publications are separate. Soon you'll be able to add
60
+
docs to pubs!
61
</div>
62
</div>
63
);
64
}
65
66
+
export const PublicationBanner = (props: { small?: boolean }) => {
67
return (
68
+
<div
69
+
className={`accent-container flex sm:py-2 items-center ${props.small ? "items-start gap-2 p-2 text-sm font-normal" : "items-center p-4 gap-4"}`}
70
+
>
71
+
{props.small ? (
72
+
<PublishSmall className="shrink-0 text-accent-contrast" />
73
+
) : (
74
<div className="w-[64px] mx-auto">
75
<PubListEmptyIllo />
76
</div>
77
+
)}
78
+
<div className={`${props.small ? "pt-[2px]" : ""} grow`}>
79
+
<Link href={"/lish/createPub"} className="font-bold">
80
+
Start a Publication
81
+
</Link>{" "}
82
+
and blog in the Atmosphere
83
</div>
84
</div>
85
);
86
};
87
88
+
export const DiscoverBanner = (props: { small?: boolean }) => {
89
return (
90
+
<div
91
+
className={`accent-container flex sm:py-2 items-center ${props.small ? "items-start gap-2 p-2 text-sm font-normal" : "items-center p-4 gap-4"}`}
92
+
>
93
+
{props.small ? (
94
+
<DiscoverSmall className="shrink-0 text-accent-contrast" />
95
+
) : (
96
+
<div className="w-[64px] mx-auto">
97
+
<DiscoverIllo />
98
</div>
99
+
)}
100
+
<div className={`${props.small ? "pt-[2px]" : ""} grow`}>
101
+
<Link href={"/discover"} className="font-bold">
102
+
Explore Publications
103
+
</Link>{" "}
104
+
on art, tech, games, music & more!
105
</div>
106
</div>
107
);
+2
-2
app/(home-pages)/home/HomeEmpty/WelcomeToLeafletIllo.tsx
+2
-2
app/(home-pages)/home/HomeEmpty/WelcomeToLeafletIllo.tsx
+10
-3
app/(home-pages)/home/HomeLayout.tsx
+10
-3
app/(home-pages)/home/HomeLayout.tsx
···
23
import { GetLeafletDataReturnType } from "app/api/rpc/[command]/get_leaflet_data";
24
import { useState } from "react";
25
import { useDebouncedEffect } from "src/hooks/useDebouncedEffect";
26
-
import { HomeEmptyState } from "./HomeEmpty/HomeEmpty";
27
28
export type Leaflet = {
29
added_at: string;
···
99
),
100
},
101
}}
102
-
pageTitle={"Home"}
103
/>
104
);
105
};
···
167
showPreview
168
/>
169
<div className="spacer h-4 w-full bg-transparent shrink-0 " />
170
</>
171
);
172
}
···
197
className={`
198
leafletList
199
w-full
200
-
${display === "grid" ? "grid auto-rows-max md:grid-cols-4 sm:grid-cols-3 grid-cols-2 gap-y-4 gap-x-4 sm:gap-x-6 sm:gap-y-5 grow" : "flex flex-col gap-2"} `}
201
>
202
{props.leaflets.map(({ token: leaflet, added_at, archived }, index) => (
203
<ReplicacheProvider
···
23
import { GetLeafletDataReturnType } from "app/api/rpc/[command]/get_leaflet_data";
24
import { useState } from "react";
25
import { useDebouncedEffect } from "src/hooks/useDebouncedEffect";
26
+
import {
27
+
DiscoverBanner,
28
+
HomeEmptyState,
29
+
PublicationBanner,
30
+
} from "./HomeEmpty/HomeEmpty";
31
32
export type Leaflet = {
33
added_at: string;
···
103
),
104
},
105
}}
106
/>
107
);
108
};
···
170
showPreview
171
/>
172
<div className="spacer h-4 w-full bg-transparent shrink-0 " />
173
+
174
+
{leaflets.filter((l) => !!l.token.leaflets_in_publications).length ===
175
+
0 && <PublicationBanner small />}
176
+
<DiscoverBanner small />
177
</>
178
);
179
}
···
204
className={`
205
leafletList
206
w-full
207
+
${display === "grid" ? "grid auto-rows-max md:grid-cols-4 sm:grid-cols-3 grid-cols-2 gap-y-4 gap-x-4 sm:gap-x-6 sm:gap-y-5 grow" : "flex flex-col gap-2 pt-2"} `}
208
>
209
{props.leaflets.map(({ token: leaflet, added_at, archived }, index) => (
210
<ReplicacheProvider
-3
app/(home-pages)/layout.tsx
-3
app/(home-pages)/layout.tsx
···
1
import { getIdentityData } from "actions/getIdentityData";
2
import { EntitySetProvider } from "components/EntitySetProvider";
3
-
import { NavStateTracker } from "components/NavStateTracker";
4
import {
5
ThemeProvider,
6
ThemeBackgroundProvider,
···
14
if (!identityData?.home_leaflet)
15
return (
16
<>
17
-
<NavStateTracker />
18
<ThemeProvider entityID={""}>{props.children}</ThemeProvider>
19
</>
20
);
···
36
>
37
<ThemeProvider entityID={root_entity}>
38
<ThemeBackgroundProvider entityID={root_entity}>
39
-
<NavStateTracker />
40
{props.children}
41
</ThemeBackgroundProvider>
42
</ThemeProvider>
···
1
import { getIdentityData } from "actions/getIdentityData";
2
import { EntitySetProvider } from "components/EntitySetProvider";
3
import {
4
ThemeProvider,
5
ThemeBackgroundProvider,
···
13
if (!identityData?.home_leaflet)
14
return (
15
<>
16
<ThemeProvider entityID={""}>{props.children}</ThemeProvider>
17
</>
18
);
···
34
>
35
<ThemeProvider entityID={root_entity}>
36
<ThemeBackgroundProvider entityID={root_entity}>
37
{props.children}
38
</ThemeBackgroundProvider>
39
</ThemeProvider>
-1
app/(home-pages)/looseleafs/LooseleafsLayout.tsx
-1
app/(home-pages)/looseleafs/LooseleafsLayout.tsx
+5
-2
app/(home-pages)/notifications/BskyPostEmbedNotification.tsx
+5
-2
app/(home-pages)/notifications/BskyPostEmbedNotification.tsx
···
2
import { ContentLayout, Notification } from "./Notification";
3
import { HydratedBskyPostEmbedNotification } from "src/notifications";
4
import { AtUri } from "@atproto/api";
5
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
6
7
export const BskyPostEmbedNotification = (
8
props: HydratedBskyPostEmbedNotification,
···
12
13
if (!docRecord) return null;
14
15
-
const href = getDocumentURL(docRecord, props.document.uri, pubRecord);
16
17
const embedder = props.documentCreatorHandle
18
? `@${props.documentCreatorHandle}`
···
2
import { ContentLayout, Notification } from "./Notification";
3
import { HydratedBskyPostEmbedNotification } from "src/notifications";
4
import { AtUri } from "@atproto/api";
5
6
export const BskyPostEmbedNotification = (
7
props: HydratedBskyPostEmbedNotification,
···
11
12
if (!docRecord) return null;
13
14
+
const docUri = new AtUri(props.document.uri);
15
+
const rkey = docUri.rkey;
16
+
const did = docUri.host;
17
+
18
+
const href = pubRecord ? `${pubRecord.url}/${rkey}` : `/p/${did}/${rkey}`;
19
20
const embedder = props.documentCreatorHandle
21
? `@${props.documentCreatorHandle}`
+6
-4
app/(home-pages)/notifications/CommentMentionNotification.tsx
+6
-4
app/(home-pages)/notifications/CommentMentionNotification.tsx
···
8
Notification,
9
} from "./Notification";
10
import { AtUri } from "@atproto/api";
11
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
12
13
export const CommentMentionNotification = (
14
props: HydratedCommentMentionNotification,
···
20
const profileRecord = props.commentData.bsky_profiles
21
?.record as AppBskyActorProfile.Record;
22
const pubRecord = props.normalizedPublication;
23
24
-
const href =
25
-
getDocumentURL(docRecord, props.commentData.documents?.uri!, pubRecord) +
26
-
"?interactionDrawer=comments";
27
28
const commenter = props.commenterHandle
29
? `@${props.commenterHandle}`
···
8
Notification,
9
} from "./Notification";
10
import { AtUri } from "@atproto/api";
11
12
export const CommentMentionNotification = (
13
props: HydratedCommentMentionNotification,
···
19
const profileRecord = props.commentData.bsky_profiles
20
?.record as AppBskyActorProfile.Record;
21
const pubRecord = props.normalizedPublication;
22
+
const docUri = new AtUri(props.commentData.documents?.uri!);
23
+
const rkey = docUri.rkey;
24
+
const did = docUri.host;
25
26
+
const href = pubRecord
27
+
? `${pubRecord.url}/${rkey}?interactionDrawer=comments`
28
+
: `/p/${did}/${rkey}?interactionDrawer=comments`;
29
30
const commenter = props.commenterHandle
31
? `@${props.commenterHandle}`
+6
-4
app/(home-pages)/notifications/CommentNotication.tsx
+6
-4
app/(home-pages)/notifications/CommentNotication.tsx
···
10
Notification,
11
} from "./Notification";
12
import { AtUri } from "@atproto/api";
13
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
14
15
export const CommentNotification = (props: HydratedCommentNotification) => {
16
const docRecord = props.normalizedDocument;
···
25
props.commentData.bsky_profiles?.handle ||
26
"Someone";
27
const pubRecord = props.normalizedPublication;
28
29
-
const href =
30
-
getDocumentURL(docRecord, props.commentData.documents?.uri!, pubRecord) +
31
-
"?interactionDrawer=comments";
32
33
return (
34
<Notification
···
10
Notification,
11
} from "./Notification";
12
import { AtUri } from "@atproto/api";
13
14
export const CommentNotification = (props: HydratedCommentNotification) => {
15
const docRecord = props.normalizedDocument;
···
24
props.commentData.bsky_profiles?.handle ||
25
"Someone";
26
const pubRecord = props.normalizedPublication;
27
+
const docUri = new AtUri(props.commentData.documents?.uri!);
28
+
const rkey = docUri.rkey;
29
+
const did = docUri.host;
30
31
+
const href = pubRecord
32
+
? `${pubRecord.url}/${rkey}?interactionDrawer=comments`
33
+
: `/p/${did}/${rkey}?interactionDrawer=comments`;
34
35
return (
36
<Notification
+7
-2
app/(home-pages)/notifications/MentionNotification.tsx
+7
-2
app/(home-pages)/notifications/MentionNotification.tsx
···
2
import { ContentLayout, Notification } from "./Notification";
3
import { HydratedMentionNotification } from "src/notifications";
4
import { AtUri } from "@atproto/api";
5
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
6
7
export const MentionNotification = (props: HydratedMentionNotification) => {
8
const docRecord = props.normalizedDocument;
···
10
11
if (!docRecord) return null;
12
13
-
const href = getDocumentURL(docRecord, props.document.uri, pubRecord);
14
15
let actionText: React.ReactNode;
16
let mentionedItemName: string | undefined;
···
2
import { ContentLayout, Notification } from "./Notification";
3
import { HydratedMentionNotification } from "src/notifications";
4
import { AtUri } from "@atproto/api";
5
6
export const MentionNotification = (props: HydratedMentionNotification) => {
7
const docRecord = props.normalizedDocument;
···
9
10
if (!docRecord) return null;
11
12
+
const docUri = new AtUri(props.document.uri);
13
+
const rkey = docUri.rkey;
14
+
const did = docUri.host;
15
+
16
+
const href = pubRecord
17
+
? `${pubRecord.url}/${rkey}`
18
+
: `/p/${did}/${rkey}`;
19
20
let actionText: React.ReactNode;
21
let mentionedItemName: string | undefined;
-4
app/(home-pages)/notifications/NotificationList.tsx
-4
app/(home-pages)/notifications/NotificationList.tsx
···
11
import { BskyPostEmbedNotification } from "./BskyPostEmbedNotification";
12
import { MentionNotification } from "./MentionNotification";
13
import { CommentMentionNotification } from "./CommentMentionNotification";
14
-
import { RecommendNotification } from "./RecommendNotification";
15
16
export function NotificationList({
17
notifications,
···
58
}
59
if (n.type === "comment_mention") {
60
return <CommentMentionNotification key={n.id} {...n} />;
61
-
}
62
-
if (n.type === "recommend") {
63
-
return <RecommendNotification key={n.id} {...n} />;
64
}
65
})}
66
</div>
···
11
import { BskyPostEmbedNotification } from "./BskyPostEmbedNotification";
12
import { MentionNotification } from "./MentionNotification";
13
import { CommentMentionNotification } from "./CommentMentionNotification";
14
15
export function NotificationList({
16
notifications,
···
57
}
58
if (n.type === "comment_mention") {
59
return <CommentMentionNotification key={n.id} {...n} />;
60
}
61
})}
62
</div>
+6
-2
app/(home-pages)/notifications/QuoteNotification.tsx
+6
-2
app/(home-pages)/notifications/QuoteNotification.tsx
···
3
import { HydratedQuoteNotification } from "src/notifications";
4
import { AtUri } from "@atproto/api";
5
import { Avatar } from "components/Avatar";
6
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
7
8
export const QuoteNotification = (props: HydratedQuoteNotification) => {
9
const postView = props.bskyPost.post_view as any;
···
14
15
if (!docRecord) return null;
16
17
const postText = postView.record?.text || "";
18
19
-
const href = getDocumentURL(docRecord, props.document.uri, pubRecord);
20
21
return (
22
<Notification
···
3
import { HydratedQuoteNotification } from "src/notifications";
4
import { AtUri } from "@atproto/api";
5
import { Avatar } from "components/Avatar";
6
7
export const QuoteNotification = (props: HydratedQuoteNotification) => {
8
const postView = props.bskyPost.post_view as any;
···
13
14
if (!docRecord) return null;
15
16
+
const docUri = new AtUri(props.document.uri);
17
+
const rkey = docUri.rkey;
18
+
const did = docUri.host;
19
const postText = postView.record?.text || "";
20
21
+
const href = pubRecord
22
+
? `${pubRecord.url}/${rkey}`
23
+
: `/p/${did}/${rkey}`;
24
25
return (
26
<Notification
-45
app/(home-pages)/notifications/RecommendNotification.tsx
-45
app/(home-pages)/notifications/RecommendNotification.tsx
···
1
-
import { ContentLayout, Notification } from "./Notification";
2
-
import { HydratedRecommendNotification } from "src/notifications";
3
-
import { blobRefToSrc } from "src/utils/blobRefToSrc";
4
-
import { AppBskyActorProfile } from "lexicons/api";
5
-
import { Avatar } from "components/Avatar";
6
-
import { AtUri } from "@atproto/api";
7
-
import { RecommendTinyFilled } from "components/Icons/RecommendTiny";
8
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
9
-
10
-
export const RecommendNotification = (
11
-
props: HydratedRecommendNotification,
12
-
) => {
13
-
const profileRecord = props.recommendData?.identities?.bsky_profiles
14
-
?.record as AppBskyActorProfile.Record;
15
-
const displayName =
16
-
profileRecord?.displayName ||
17
-
props.recommendData?.identities?.bsky_profiles?.handle ||
18
-
"Someone";
19
-
const docRecord = props.normalizedDocument;
20
-
const pubRecord = props.normalizedPublication;
21
-
const avatarSrc =
22
-
profileRecord?.avatar?.ref &&
23
-
blobRefToSrc(
24
-
profileRecord.avatar.ref,
25
-
props.recommendData?.recommender_did || "",
26
-
);
27
-
28
-
if (!docRecord) return null;
29
-
30
-
const href = getDocumentURL(docRecord, props.document.uri, pubRecord);
31
-
32
-
return (
33
-
<Notification
34
-
timestamp={props.created_at}
35
-
href={href}
36
-
icon={<RecommendTinyFilled />}
37
-
actionText={<>{displayName} recommended your post</>}
38
-
content={
39
-
<ContentLayout postTitle={docRecord.title} pubRecord={pubRecord}>
40
-
{null}
41
-
</ContentLayout>
42
-
}
43
-
/>
44
-
);
45
-
};
···
+6
-4
app/(home-pages)/notifications/ReplyNotification.tsx
+6
-4
app/(home-pages)/notifications/ReplyNotification.tsx
···
10
import { PubLeafletComment } from "lexicons/api";
11
import { AppBskyActorProfile, AtUri } from "@atproto/api";
12
import { blobRefToSrc } from "src/utils/blobRefToSrc";
13
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
14
15
export const ReplyNotification = (props: HydratedCommentNotification) => {
16
const docRecord = props.normalizedDocument;
···
33
props.parentData?.bsky_profiles?.handle ||
34
"Someone";
35
36
const pubRecord = props.normalizedPublication;
37
38
-
const href =
39
-
getDocumentURL(docRecord, props.commentData.documents?.uri!, pubRecord) +
40
-
"?interactionDrawer=comments";
41
42
return (
43
<Notification
···
10
import { PubLeafletComment } from "lexicons/api";
11
import { AppBskyActorProfile, AtUri } from "@atproto/api";
12
import { blobRefToSrc } from "src/utils/blobRefToSrc";
13
14
export const ReplyNotification = (props: HydratedCommentNotification) => {
15
const docRecord = props.normalizedDocument;
···
32
props.parentData?.bsky_profiles?.handle ||
33
"Someone";
34
35
+
const docUri = new AtUri(props.commentData.documents?.uri!);
36
+
const rkey = docUri.rkey;
37
+
const did = docUri.host;
38
const pubRecord = props.normalizedPublication;
39
40
+
const href = pubRecord
41
+
? `${pubRecord.url}/${rkey}?interactionDrawer=comments`
42
+
: `/p/${did}/${rkey}?interactionDrawer=comments`;
43
44
return (
45
<Notification
+1
-1
app/(home-pages)/p/[didOrHandle]/PostsContent.tsx
+1
-1
app/(home-pages)/p/[didOrHandle]/PostsContent.tsx
+4
-2
app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx
+4
-2
app/(home-pages)/p/[didOrHandle]/ProfileHeader.tsx
···
42
@{props.profile.handle}
43
</div>
44
);
45
return (
46
<div
47
className={`profileHeader flex flex-col relative `}
···
72
</pre>
73
</div>
74
75
-
<div className="profilePubCardContainer w-full overflow-x-scroll">
76
<div
77
-
className={`profilePubCards grid grid-flow-col gap-2 mx-auto w-fit ${props.popover ? "auto-cols-[164px]" : "auto-cols-[164px] sm:auto-cols-[240px]"}`}
78
>
79
{props.publications.map((p) => (
80
<PublicationCard key={p.uri} record={p.record} uri={p.uri} />
···
42
@{props.profile.handle}
43
</div>
44
);
45
+
console.log(props.profile);
46
+
47
return (
48
<div
49
className={`profileHeader flex flex-col relative `}
···
74
</pre>
75
</div>
76
77
+
<div className="profilePublicationCards w-full overflow-x-scroll">
78
<div
79
+
className={`grid grid-flow-col gap-2 mx-auto w-fit px-3 sm:px-4 ${props.popover ? "auto-cols-[164px]" : "auto-cols-[164px] sm:auto-cols-[240px]"}`}
80
>
81
{props.publications.map((p) => (
82
<PublicationCard key={p.uri} record={p.record} uri={p.uri} />
+2
-2
app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
+2
-2
app/(home-pages)/p/[didOrHandle]/ProfileLayout.tsx
+1
-1
app/(home-pages)/p/[didOrHandle]/ProfileTabs.tsx
+1
-1
app/(home-pages)/p/[didOrHandle]/ProfileTabs.tsx
-80
app/(home-pages)/p/[didOrHandle]/PubListing.tsx
-80
app/(home-pages)/p/[didOrHandle]/PubListing.tsx
···
1
-
"use client";
2
-
import { AtUri } from "@atproto/syntax";
3
-
import { PublicationSubscription } from "app/(home-pages)/reader/getSubscriptions";
4
-
import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
5
-
import { ManageSubscription, SubscribeWithBluesky } from "app/lish/Subscribe";
6
-
import { PubIcon } from "components/ActionBar/Publications";
7
-
import { Separator } from "components/Layout";
8
-
import { usePubTheme } from "components/ThemeManager/PublicationThemeProvider";
9
-
import { BaseThemeProvider } from "components/ThemeManager/ThemeProvider";
10
-
import { blobRefToSrc } from "src/utils/blobRefToSrc";
11
-
import { timeAgo } from "src/utils/timeAgo";
12
-
13
-
export const PubListing = (props: PublicationSubscription) => {
14
-
let record = props.record;
15
-
let theme = usePubTheme(record?.theme);
16
-
let backgroundImage = record?.theme?.backgroundImage?.image?.ref
17
-
? blobRefToSrc(
18
-
record?.theme?.backgroundImage?.image?.ref,
19
-
new AtUri(props.uri).host,
20
-
)
21
-
: null;
22
-
23
-
let backgroundImageRepeat = record?.theme?.backgroundImage?.repeat;
24
-
let backgroundImageSize = record?.theme?.backgroundImage?.width || 500;
25
-
if (!record) return null;
26
-
return (
27
-
<BaseThemeProvider {...theme} local>
28
-
<div
29
-
className={`no-underline! flex flex-row gap-2
30
-
bg-bg-leaflet
31
-
border border-border-light rounded-lg
32
-
px-3 py-3 selected-outline
33
-
hover:outline-accent-contrast hover:border-accent-contrast
34
-
relative overflow-hidden`}
35
-
style={{
36
-
backgroundImage: `url(${backgroundImage})`,
37
-
backgroundRepeat: backgroundImageRepeat ? "repeat" : "no-repeat",
38
-
backgroundSize: `${backgroundImageRepeat ? `${backgroundImageSize}px` : "cover"}`,
39
-
}}
40
-
>
41
-
<a href={record.url} className="absolute inset-0" />
42
-
<div
43
-
className={`flex w-full flex-col justify-center text-center pt-4 pb-3 px-3 rounded-lg relative z-10 sm:h-[200px] h-full ${record.theme?.showPageBackground ? "bg-[rgba(var(--bg-page),var(--bg-page-alpha))] " : ""}`}
44
-
>
45
-
<div className="mx-auto pb-1">
46
-
<PubIcon record={record} uri={props.uri} large />
47
-
</div>
48
-
49
-
<h4 className="truncate shrink-0 ">{record.name}</h4>
50
-
{record.description && (
51
-
<p className="text-secondary line-clamp-1 min-h-[16px] text-sm overflow-hidden ">
52
-
{record.description}
53
-
</p>
54
-
)}
55
-
<div className="flex flex-col items-center justify-center text-xs text-tertiary pt-1">
56
-
<div className="flex flex-row gap-2 items-center">
57
-
{props.authorProfile?.handle}
58
-
</div>
59
-
<p>
60
-
Updated{" "}
61
-
{timeAgo(
62
-
props.documents_in_publications?.[0]?.documents?.sort_date ||
63
-
"",
64
-
)}
65
-
</p>
66
-
</div>
67
-
<div className="w-fit mx-auto mt-3 grow items-end flex">
68
-
<SubscribeWithBluesky
69
-
compact
70
-
pub_uri={props.uri}
71
-
pubName={props.record.name}
72
-
subscribers={props.publication_subscriptions || []}
73
-
base_url={getPublicationURL({ ...props })}
74
-
/>
75
-
</div>
76
-
</div>
77
-
</div>
78
-
</BaseThemeProvider>
79
-
);
80
-
};
···
+1
-1
app/(home-pages)/p/[didOrHandle]/comments/CommentsContent.tsx
+1
-1
app/(home-pages)/p/[didOrHandle]/comments/CommentsContent.tsx
+12
-15
app/(home-pages)/p/[didOrHandle]/getProfilePosts.ts
+12
-15
app/(home-pages)/p/[didOrHandle]/getProfilePosts.ts
···
26
`*,
27
comments_on_documents(count),
28
document_mentions_in_bsky(count),
29
-
recommends_on_documents(count),
30
documents_in_publications(publications(*))`,
31
)
32
.like("uri", `at://${did}/%`)
···
40
);
41
}
42
43
-
let [{ data: rawDocs }, { data: rawPubs }, { data: profile }] =
44
-
await Promise.all([
45
-
query,
46
-
supabaseServerClient
47
-
.from("publications")
48
-
.select("*")
49
-
.eq("identity_did", did),
50
-
supabaseServerClient
51
-
.from("bsky_profiles")
52
-
.select("handle")
53
-
.eq("did", did)
54
-
.single(),
55
-
]);
56
57
// Deduplicate records that may exist under both pub.leaflet and site.standard namespaces
58
const docs = deduplicateByUriOrdered(rawDocs || []);
···
84
sort_date: doc.sort_date,
85
comments_on_documents: doc.comments_on_documents,
86
document_mentions_in_bsky: doc.document_mentions_in_bsky,
87
-
recommends_on_documents: doc.recommends_on_documents,
88
},
89
};
90
···
26
`*,
27
comments_on_documents(count),
28
document_mentions_in_bsky(count),
29
documents_in_publications(publications(*))`,
30
)
31
.like("uri", `at://${did}/%`)
···
39
);
40
}
41
42
+
let [{ data: rawDocs }, { data: rawPubs }, { data: profile }] = await Promise.all([
43
+
query,
44
+
supabaseServerClient
45
+
.from("publications")
46
+
.select("*")
47
+
.eq("identity_did", did),
48
+
supabaseServerClient
49
+
.from("bsky_profiles")
50
+
.select("handle")
51
+
.eq("did", did)
52
+
.single(),
53
+
]);
54
55
// Deduplicate records that may exist under both pub.leaflet and site.standard namespaces
56
const docs = deduplicateByUriOrdered(rawDocs || []);
···
82
sort_date: doc.sort_date,
83
comments_on_documents: doc.comments_on_documents,
84
document_mentions_in_bsky: doc.document_mentions_in_bsky,
85
},
86
};
87
+3
-2
app/(home-pages)/p/[didOrHandle]/layout.tsx
+3
-2
app/(home-pages)/p/[didOrHandle]/layout.tsx
···
82
id="profile"
83
defaultTab="default"
84
currentPage="profile"
85
actions={null}
86
tabs={{
87
default: {
···
93
publications={publications || []}
94
/>
95
<ProfileTabs didOrHandle={params.didOrHandle} />
96
+
<div className="h-full pt-3 pb-4 px-3 sm:px-4 flex flex-col">
97
+
{props.children}
98
+
</div>
99
</ProfileLayout>
100
),
101
},
+2
-2
app/(home-pages)/p/[didOrHandle]/subscriptions/SubscriptionsContent.tsx
+2
-2
app/(home-pages)/p/[didOrHandle]/subscriptions/SubscriptionsContent.tsx
···
2
3
import { useEffect, useRef } from "react";
4
import useSWRInfinite from "swr/infinite";
5
-
import { PubListing } from "app/(home-pages)/p/[didOrHandle]/PubListing";
6
import {
7
getSubscriptions,
8
type PublicationSubscription,
···
82
83
return (
84
<div className="relative">
85
-
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-3 py-4">
86
{allSubscriptions.map((sub) => (
87
<PubListing key={sub.uri} {...sub} />
88
))}
···
2
3
import { useEffect, useRef } from "react";
4
import useSWRInfinite from "swr/infinite";
5
+
import { PubListing } from "app/(home-pages)/discover/PubListing";
6
import {
7
getSubscriptions,
8
type PublicationSubscription,
···
82
83
return (
84
<div className="relative">
85
+
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-3">
86
{allSubscriptions.map((sub) => (
87
<PubListing key={sub.uri} {...sub} />
88
))}
-31
app/(home-pages)/page.tsx
-31
app/(home-pages)/page.tsx
···
1
-
import { cookies } from "next/headers";
2
-
import ReaderLayout from "./reader/layout";
3
-
import ReaderPage from "./reader/page";
4
-
import HomePage from "./home/page";
5
-
6
-
export default async function RootPage() {
7
-
const cookieStore = await cookies();
8
-
const hasAuth =
9
-
cookieStore.has("auth_token") ||
10
-
cookieStore.has("external_auth_token");
11
-
12
-
if (!hasAuth) {
13
-
return (
14
-
<ReaderLayout>
15
-
<ReaderPage />
16
-
</ReaderLayout>
17
-
);
18
-
}
19
-
20
-
const navState = cookieStore.get("nav-state")?.value;
21
-
22
-
if (navState === "reader") {
23
-
return (
24
-
<ReaderLayout>
25
-
<ReaderPage />
26
-
</ReaderLayout>
27
-
);
28
-
}
29
-
30
-
return <HomePage />;
31
-
}
···
-13
app/(home-pages)/reader/FeedSkeleton.tsx
-13
app/(home-pages)/reader/FeedSkeleton.tsx
···
1
-
export function FeedSkeleton() {
2
-
return (
3
-
<div className="flex flex-col gap-6 w-full animate-pulse">
4
-
{[...Array(3)].map((_, i) => (
5
-
<div key={i} className="flex flex-col gap-3 p-2">
6
-
<div className="h-4 bg-border-light rounded w-1/3" />
7
-
<div className="h-3 bg-border-light rounded w-2/3" />
8
-
<div className="h-3 bg-border-light rounded w-1/2" />
9
-
</div>
10
-
))}
11
-
</div>
12
-
);
13
-
}
···
-49
app/(home-pages)/reader/GlobalContent.tsx
-49
app/(home-pages)/reader/GlobalContent.tsx
···
1
-
"use client";
2
-
import { use } from "react";
3
-
import useSWR from "swr";
4
-
import { callRPC } from "app/api/rpc/client";
5
-
import { PostListing } from "components/PostListing";
6
-
import type { Post } from "./getReaderFeed";
7
-
import {
8
-
DesktopInteractionPreviewDrawer,
9
-
MobileInteractionPreviewDrawer,
10
-
} from "./InteractionDrawers";
11
-
12
-
export const GlobalContent = (props: {
13
-
promise: Promise<{ posts: Post[] }>;
14
-
}) => {
15
-
const initialData = use(props.promise);
16
-
17
-
const { data } = useSWR(
18
-
"hot_feed",
19
-
async () => {
20
-
const res = await callRPC("get_hot_feed", {});
21
-
return res as unknown as { posts: Post[] };
22
-
},
23
-
{
24
-
fallbackData: { posts: initialData.posts },
25
-
},
26
-
);
27
-
28
-
const posts = data?.posts ?? [];
29
-
30
-
if (posts.length === 0) {
31
-
return (
32
-
<div className="flex flex-col gap-2 container bg-[rgba(var(--bg-page),.7)] sm:p-4 p-3 justify-between text-center text-tertiary">
33
-
Nothing trending right now. Check back soon!
34
-
</div>
35
-
);
36
-
}
37
-
38
-
return (
39
-
<div className="flex flex-row gap-6 w-full">
40
-
<div className="flex flex-col gap-8 w-full">
41
-
{posts.map((p) => (
42
-
<PostListing {...p} key={p.documents.uri} />
43
-
))}
44
-
</div>
45
-
<DesktopInteractionPreviewDrawer />
46
-
<MobileInteractionPreviewDrawer />
47
-
</div>
48
-
);
49
-
};
···
-119
app/(home-pages)/reader/InboxContent.tsx
-119
app/(home-pages)/reader/InboxContent.tsx
···
1
-
"use client";
2
-
import { use } from "react";
3
-
import { ButtonPrimary } from "components/Buttons";
4
-
import { DiscoverSmall } from "components/Icons/DiscoverSmall";
5
-
import type { Cursor, Post } from "./getReaderFeed";
6
-
import useSWRInfinite from "swr/infinite";
7
-
import { getReaderFeed } from "./getReaderFeed";
8
-
import { useEffect, useRef } from "react";
9
-
import Link from "next/link";
10
-
import { PostListing } from "components/PostListing";
11
-
import { useHasBackgroundImage } from "components/Pages/useHasBackgroundImage";
12
-
import {
13
-
DesktopInteractionPreviewDrawer,
14
-
MobileInteractionPreviewDrawer,
15
-
} from "./InteractionDrawers";
16
-
17
-
export const InboxContent = (props: {
18
-
promise: Promise<{ posts: Post[]; nextCursor: Cursor | null }>;
19
-
}) => {
20
-
const { posts, nextCursor } = use(props.promise);
21
-
22
-
const getKey = (
23
-
pageIndex: number,
24
-
previousPageData: {
25
-
posts: Post[];
26
-
nextCursor: Cursor | null;
27
-
} | null,
28
-
) => {
29
-
// Reached the end
30
-
if (previousPageData && !previousPageData.nextCursor) return null;
31
-
32
-
// First page, we don't have previousPageData
33
-
if (pageIndex === 0) return ["reader-feed", null] as const;
34
-
35
-
// Add the cursor to the key
36
-
return ["reader-feed", previousPageData?.nextCursor] as const;
37
-
};
38
-
39
-
const { data, size, setSize, isValidating } = useSWRInfinite(
40
-
getKey,
41
-
([_, cursor]) => getReaderFeed(cursor),
42
-
{
43
-
fallbackData: [{ posts, nextCursor }],
44
-
revalidateFirstPage: false,
45
-
},
46
-
);
47
-
48
-
const loadMoreRef = useRef<HTMLDivElement>(null);
49
-
50
-
// Set up intersection observer to load more when trigger element is visible
51
-
useEffect(() => {
52
-
const observer = new IntersectionObserver(
53
-
(entries) => {
54
-
if (entries[0].isIntersecting && !isValidating) {
55
-
const hasMore = data && data[data.length - 1]?.nextCursor;
56
-
if (hasMore) {
57
-
setSize(size + 1);
58
-
}
59
-
}
60
-
},
61
-
{ threshold: 0.1 },
62
-
);
63
-
64
-
if (loadMoreRef.current) {
65
-
observer.observe(loadMoreRef.current);
66
-
}
67
-
68
-
return () => observer.disconnect();
69
-
}, [data, size, setSize, isValidating]);
70
-
71
-
const allPosts = data ? data.flatMap((page) => page.posts) : [];
72
-
73
-
const sortedPosts = allPosts.sort(
74
-
(a, b) =>
75
-
new Date(b.documents.data?.publishedAt || 0).getTime() -
76
-
new Date(a.documents.data?.publishedAt || 0).getTime(),
77
-
);
78
-
79
-
if (allPosts.length === 0 && !isValidating) return <ReaderEmpty />;
80
-
81
-
let hasBackgroundImage = useHasBackgroundImage();
82
-
83
-
return (
84
-
<div className="flex flex-row gap-6 w-full ">
85
-
<div className="flex flex-col gap-6 w-full relative">
86
-
{sortedPosts.map((p) => (
87
-
<PostListing {...p} key={p.documents.uri} />
88
-
))}
89
-
{/* Trigger element for loading more posts */}
90
-
<div
91
-
ref={loadMoreRef}
92
-
className="absolute bottom-96 left-0 w-full h-px pointer-events-none"
93
-
aria-hidden="true"
94
-
/>
95
-
{isValidating && (
96
-
<div className="text-center text-tertiary py-4">
97
-
Loading more posts...
98
-
</div>
99
-
)}
100
-
</div>
101
-
<DesktopInteractionPreviewDrawer />
102
-
<MobileInteractionPreviewDrawer />
103
-
</div>
104
-
);
105
-
};
106
-
107
-
export const ReaderEmpty = () => {
108
-
return (
109
-
<div className="flex flex-col gap-2 container bg-[rgba(var(--bg-page),.7)] sm:p-4 p-3 justify-between text-center text-tertiary">
110
-
Nothing to read yet… <br />
111
-
Subscribe to publications and find their posts here!
112
-
<Link href={"/reader/hot"}>
113
-
<ButtonPrimary className="mx-auto place-self-center">
114
-
<DiscoverSmall /> See what posts people are reading!
115
-
</ButtonPrimary>
116
-
</Link>
117
-
</div>
118
-
);
119
-
};
···
-109
app/(home-pages)/reader/InteractionDrawers.tsx
-109
app/(home-pages)/reader/InteractionDrawers.tsx
···
1
-
"use client";
2
-
import { ButtonPrimary } from "components/Buttons";
3
-
import {
4
-
SelectedPostListing,
5
-
useSelectedPostListing,
6
-
} from "src/useSelectedPostState";
7
-
import { CommentsDrawerContent } from "app/lish/[did]/[publication]/[rkey]/Interactions/Comments";
8
-
import { CloseTiny } from "components/Icons/CloseTiny";
9
-
import { SpeedyLink } from "components/SpeedyLink";
10
-
import { GoToArrow } from "components/Icons/GoToArrow";
11
-
import { DotLoader } from "components/utils/DotLoader";
12
-
import { ReaderMentionsContent } from "./ReaderMentionsContent";
13
-
import { callRPC } from "app/api/rpc/client";
14
-
import useSWR from "swr";
15
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
16
-
17
-
export const MobileInteractionPreviewDrawer = () => {
18
-
let selectedPost = useSelectedPostListing((s) => s.selectedPostListing);
19
-
20
-
return (
21
-
<div
22
-
className={`z-20 fixed bottom-0 left-0 right-0 border border-border-light shrink-0 w-screen h-[90vh] px-3 bg-bg-leaflet rounded-t-lg overflow-auto ${selectedPost === null ? "hidden" : "block md:hidden "}`}
23
-
>
24
-
<PreviewDrawerContent selectedPost={selectedPost} />
25
-
</div>
26
-
);
27
-
};
28
-
29
-
export const DesktopInteractionPreviewDrawer = () => {
30
-
let selectedPost = useSelectedPostListing((s) => s.selectedPostListing);
31
-
32
-
return (
33
-
<div
34
-
className={`hidden md:block border border-border-light shrink-0 w-96 mr-2 px-3 h-[calc(100vh-100px)] sticky top-11 bottom-4 right-0 rounded-lg overflow-auto ${selectedPost === null ? "shadow-none border-dashed bg-transparent" : "shadow-md border-border bg-bg-page "}`}
35
-
>
36
-
<PreviewDrawerContent selectedPost={selectedPost} />
37
-
</div>
38
-
);
39
-
};
40
-
41
-
const PreviewDrawerContent = (props: {
42
-
selectedPost: SelectedPostListing | null;
43
-
}) => {
44
-
const documentUri = props.selectedPost?.document_uri || null;
45
-
const drawer = props.selectedPost?.drawer || null;
46
-
47
-
const { data, isLoading } = useSWR(
48
-
documentUri ? ["get_document_interactions", documentUri] : null,
49
-
async () => {
50
-
const res = await callRPC("get_document_interactions", {
51
-
document_uri: documentUri!,
52
-
});
53
-
return res;
54
-
},
55
-
{ keepPreviousData: false },
56
-
);
57
-
58
-
if (!props.selectedPost || !props.selectedPost.document) return null;
59
-
60
-
const postUrl = getDocumentURL(
61
-
props.selectedPost.document,
62
-
props.selectedPost.document_uri,
63
-
props.selectedPost.publication,
64
-
);
65
-
66
-
const drawerTitle =
67
-
drawer === "quotes"
68
-
? `Mentions of ${props.selectedPost.document.title}`
69
-
: `Comments for ${props.selectedPost.document.title}`;
70
-
71
-
return (
72
-
<>
73
-
<div className="w-full text-sm text-tertiary flex justify-between pt-3 gap-3">
74
-
<div className="truncate min-w-0 grow">{drawerTitle}</div>
75
-
<button
76
-
className="text-tertiary"
77
-
onClick={() =>
78
-
useSelectedPostListing.getState().setSelectedPostListing(null)
79
-
}
80
-
>
81
-
<CloseTiny />
82
-
</button>
83
-
</div>
84
-
<SpeedyLink className="shrink-0 flex gap-1 items-center" href={postUrl}>
85
-
<ButtonPrimary fullWidth compact className="text-sm! mt-1">
86
-
See Full Post <GoToArrow />
87
-
</ButtonPrimary>
88
-
</SpeedyLink>
89
-
{isLoading ? (
90
-
<div className="flex items-center justify-center gap-1 text-tertiary italic text-sm mt-8">
91
-
<span>loading</span>
92
-
<DotLoader />
93
-
</div>
94
-
) : drawer === "quotes" ? (
95
-
<div className="mt-3">
96
-
<ReaderMentionsContent
97
-
quotesAndMentions={data?.quotesAndMentions || []}
98
-
/>
99
-
</div>
100
-
) : (
101
-
<CommentsDrawerContent
102
-
noCommentBox
103
-
document_uri={props.selectedPost.document_uri}
104
-
comments={data?.comments || []}
105
-
/>
106
-
)}
107
-
</>
108
-
);
109
-
};
···
-93
app/(home-pages)/reader/NewContent.tsx
-93
app/(home-pages)/reader/NewContent.tsx
···
1
-
"use client";
2
-
3
-
import { use } from "react";
4
-
import type { Cursor, Post } from "./getReaderFeed";
5
-
import useSWRInfinite from "swr/infinite";
6
-
import { getNewFeed } from "./getNewFeed";
7
-
import { useEffect, useRef } from "react";
8
-
import { PostListing } from "components/PostListing";
9
-
import {
10
-
DesktopInteractionPreviewDrawer,
11
-
MobileInteractionPreviewDrawer,
12
-
} from "./InteractionDrawers";
13
-
14
-
export const NewContent = (props: {
15
-
promise: Promise<{ posts: Post[]; nextCursor: Cursor | null }>;
16
-
}) => {
17
-
const { posts, nextCursor } = use(props.promise);
18
-
19
-
const getKey = (
20
-
pageIndex: number,
21
-
previousPageData: {
22
-
posts: Post[];
23
-
nextCursor: Cursor | null;
24
-
} | null,
25
-
) => {
26
-
if (previousPageData && !previousPageData.nextCursor) return null;
27
-
if (pageIndex === 0) return ["new-feed", null] as const;
28
-
return ["new-feed", previousPageData?.nextCursor] as const;
29
-
};
30
-
31
-
const { data, size, setSize, isValidating } = useSWRInfinite(
32
-
getKey,
33
-
([_, cursor]) => getNewFeed(cursor),
34
-
{
35
-
fallbackData: [{ posts, nextCursor }],
36
-
revalidateFirstPage: false,
37
-
},
38
-
);
39
-
40
-
const loadMoreRef = useRef<HTMLDivElement>(null);
41
-
42
-
useEffect(() => {
43
-
const observer = new IntersectionObserver(
44
-
(entries) => {
45
-
if (entries[0].isIntersecting && !isValidating) {
46
-
const hasMore = data && data[data.length - 1]?.nextCursor;
47
-
if (hasMore) {
48
-
setSize(size + 1);
49
-
}
50
-
}
51
-
},
52
-
{ threshold: 0.1 },
53
-
);
54
-
55
-
if (loadMoreRef.current) {
56
-
observer.observe(loadMoreRef.current);
57
-
}
58
-
59
-
return () => observer.disconnect();
60
-
}, [data, size, setSize, isValidating]);
61
-
62
-
const allPosts = data ? data.flatMap((page) => page.posts) : [];
63
-
64
-
if (allPosts.length === 0 && !isValidating) {
65
-
return (
66
-
<div className="flex flex-col gap-2 container bg-[rgba(var(--bg-page),.7)] sm:p-4 p-3 justify-between text-center text-tertiary">
67
-
No posts yet. Check back soon!
68
-
</div>
69
-
);
70
-
}
71
-
72
-
return (
73
-
<div className="flex flex-row gap-6 w-full">
74
-
<div className="flex flex-col gap-6 w-full relative">
75
-
{allPosts.map((p) => (
76
-
<PostListing {...p} key={p.documents.uri} />
77
-
))}
78
-
<div
79
-
ref={loadMoreRef}
80
-
className="absolute bottom-96 left-0 w-full h-px pointer-events-none"
81
-
aria-hidden="true"
82
-
/>
83
-
{isValidating && (
84
-
<div className="text-center text-tertiary py-4">
85
-
Loading more posts...
86
-
</div>
87
-
)}
88
-
</div>
89
-
<DesktopInteractionPreviewDrawer />
90
-
<MobileInteractionPreviewDrawer />
91
-
</div>
92
-
);
93
-
};
···
app/(home-pages)/reader/PreviewDrawer.tsx
app/(home-pages)/reader/PreviewDrawer.tsx
This is a binary file and will not be displayed.
+100
app/(home-pages)/reader/ReaderContent.tsx
+100
app/(home-pages)/reader/ReaderContent.tsx
···
···
1
+
"use client";
2
+
import { ButtonPrimary } from "components/Buttons";
3
+
import { DiscoverSmall } from "components/Icons/DiscoverSmall";
4
+
import type { Cursor, Post } from "./getReaderFeed";
5
+
import useSWRInfinite from "swr/infinite";
6
+
import { getReaderFeed } from "./getReaderFeed";
7
+
import { useEffect, useRef } from "react";
8
+
import Link from "next/link";
9
+
import { PostListing } from "components/PostListing";
10
+
11
+
export const ReaderContent = (props: {
12
+
posts: Post[];
13
+
nextCursor: Cursor | null;
14
+
}) => {
15
+
const getKey = (
16
+
pageIndex: number,
17
+
previousPageData: {
18
+
posts: Post[];
19
+
nextCursor: Cursor | null;
20
+
} | null,
21
+
) => {
22
+
// Reached the end
23
+
if (previousPageData && !previousPageData.nextCursor) return null;
24
+
25
+
// First page, we don't have previousPageData
26
+
if (pageIndex === 0) return ["reader-feed", null] as const;
27
+
28
+
// Add the cursor to the key
29
+
return ["reader-feed", previousPageData?.nextCursor] as const;
30
+
};
31
+
32
+
const { data, size, setSize, isValidating } = useSWRInfinite(
33
+
getKey,
34
+
([_, cursor]) => getReaderFeed(cursor),
35
+
{
36
+
fallbackData: [{ posts: props.posts, nextCursor: props.nextCursor }],
37
+
revalidateFirstPage: false,
38
+
},
39
+
);
40
+
41
+
const loadMoreRef = useRef<HTMLDivElement>(null);
42
+
43
+
// Set up intersection observer to load more when trigger element is visible
44
+
useEffect(() => {
45
+
const observer = new IntersectionObserver(
46
+
(entries) => {
47
+
if (entries[0].isIntersecting && !isValidating) {
48
+
const hasMore = data && data[data.length - 1]?.nextCursor;
49
+
if (hasMore) {
50
+
setSize(size + 1);
51
+
}
52
+
}
53
+
},
54
+
{ threshold: 0.1 },
55
+
);
56
+
57
+
if (loadMoreRef.current) {
58
+
observer.observe(loadMoreRef.current);
59
+
}
60
+
61
+
return () => observer.disconnect();
62
+
}, [data, size, setSize, isValidating]);
63
+
64
+
const allPosts = data ? data.flatMap((page) => page.posts) : [];
65
+
66
+
if (allPosts.length === 0 && !isValidating) return <ReaderEmpty />;
67
+
68
+
return (
69
+
<div className="flex flex-col gap-3 relative">
70
+
{allPosts.map((p) => (
71
+
<PostListing {...p} key={p.documents.uri} />
72
+
))}
73
+
{/* Trigger element for loading more posts */}
74
+
<div
75
+
ref={loadMoreRef}
76
+
className="absolute bottom-96 left-0 w-full h-px pointer-events-none"
77
+
aria-hidden="true"
78
+
/>
79
+
{isValidating && (
80
+
<div className="text-center text-tertiary py-4">
81
+
Loading more posts...
82
+
</div>
83
+
)}
84
+
</div>
85
+
);
86
+
};
87
+
88
+
export const ReaderEmpty = () => {
89
+
return (
90
+
<div className="flex flex-col gap-2 container bg-[rgba(var(--bg-page),.7)] sm:p-4 p-3 justify-between text-center text-tertiary">
91
+
Nothing to read yet… <br />
92
+
Subscribe to publications and find their posts here!
93
+
<Link href={"/discover"}>
94
+
<ButtonPrimary className="mx-auto place-self-center">
95
+
<DiscoverSmall /> Discover Publications
96
+
</ButtonPrimary>
97
+
</Link>
98
+
</div>
99
+
);
100
+
};
-72
app/(home-pages)/reader/ReaderMentionsContent.tsx
-72
app/(home-pages)/reader/ReaderMentionsContent.tsx
···
1
-
"use client";
2
-
import useSWR from "swr";
3
-
import { PostView } from "@atproto/api/dist/client/types/app/bsky/feed/defs";
4
-
import { BskyPostContent } from "app/lish/[did]/[publication]/[rkey]/BskyPostContent";
5
-
import { DotLoader } from "components/utils/DotLoader";
6
-
7
-
async function fetchBskyPosts(uris: string[]): Promise<PostView[]> {
8
-
const params = new URLSearchParams({
9
-
uris: JSON.stringify(uris),
10
-
});
11
-
const response = await fetch(`/api/bsky/hydrate?${params.toString()}`);
12
-
if (!response.ok) throw new Error("Failed to fetch Bluesky posts");
13
-
return response.json();
14
-
}
15
-
16
-
export function ReaderMentionsContent(props: {
17
-
quotesAndMentions: { uri: string; link?: string }[];
18
-
}) {
19
-
const uris = props.quotesAndMentions.map((q) => q.uri);
20
-
const key = uris.length > 0
21
-
? `/api/bsky/hydrate?${new URLSearchParams({ uris: JSON.stringify(uris) }).toString()}`
22
-
: null;
23
-
24
-
const { data: bskyPosts, isLoading } = useSWR(key, () =>
25
-
fetchBskyPosts(uris),
26
-
);
27
-
28
-
if (props.quotesAndMentions.length === 0) {
29
-
return (
30
-
<div className="opaque-container flex flex-col gap-0.5 p-[6px] text-tertiary italic text-sm text-center">
31
-
<div className="font-bold">no mentions yet!</div>
32
-
</div>
33
-
);
34
-
}
35
-
36
-
if (isLoading) {
37
-
return (
38
-
<div className="flex items-center justify-center gap-1 text-tertiary italic text-sm mt-8">
39
-
<span>loading</span>
40
-
<DotLoader />
41
-
</div>
42
-
);
43
-
}
44
-
45
-
const postViewMap = new Map<string, PostView>();
46
-
bskyPosts?.forEach((pv) => postViewMap.set(pv.uri, pv));
47
-
48
-
return (
49
-
<div className="flex flex-col gap-4 w-full">
50
-
{props.quotesAndMentions.map((q, index) => {
51
-
const post = postViewMap.get(q.uri);
52
-
if (!post) return null;
53
-
return (
54
-
<div key={q.uri}>
55
-
<BskyPostContent
56
-
post={post}
57
-
parent={undefined}
58
-
showBlueskyLink={true}
59
-
showEmbed={true}
60
-
avatarSize="medium"
61
-
className="text-sm"
62
-
compactEmbed
63
-
/>
64
-
{index < props.quotesAndMentions.length - 1 && (
65
-
<hr className="border-border-light mt-4" />
66
-
)}
67
-
</div>
68
-
);
69
-
})}
70
-
</div>
71
-
);
72
-
}
···
+105
app/(home-pages)/reader/SubscriptionsContent.tsx
+105
app/(home-pages)/reader/SubscriptionsContent.tsx
···
···
1
+
"use client";
2
+
import { PubListing } from "app/(home-pages)/discover/PubListing";
3
+
import { ButtonPrimary } from "components/Buttons";
4
+
import { DiscoverSmall } from "components/Icons/DiscoverSmall";
5
+
import { Json } from "supabase/database.types";
6
+
import { PublicationSubscription, getSubscriptions } from "./getSubscriptions";
7
+
import useSWRInfinite from "swr/infinite";
8
+
import { useEffect, useRef } from "react";
9
+
import { Cursor } from "./getReaderFeed";
10
+
import Link from "next/link";
11
+
12
+
export const SubscriptionsContent = (props: {
13
+
publications: PublicationSubscription[];
14
+
nextCursor: Cursor | null;
15
+
}) => {
16
+
const getKey = (
17
+
pageIndex: number,
18
+
previousPageData: {
19
+
subscriptions: PublicationSubscription[];
20
+
nextCursor: Cursor | null;
21
+
} | null,
22
+
) => {
23
+
// Reached the end
24
+
if (previousPageData && !previousPageData.nextCursor) return null;
25
+
26
+
// First page, we don't have previousPageData
27
+
if (pageIndex === 0) return ["subscriptions", null] as const;
28
+
29
+
// Add the cursor to the key
30
+
return ["subscriptions", previousPageData?.nextCursor] as const;
31
+
};
32
+
33
+
const { data, error, size, setSize, isValidating } = useSWRInfinite(
34
+
getKey,
35
+
([_, cursor]) => getSubscriptions(null, cursor),
36
+
{
37
+
fallbackData: [
38
+
{ subscriptions: props.publications, nextCursor: props.nextCursor },
39
+
],
40
+
revalidateFirstPage: false,
41
+
},
42
+
);
43
+
44
+
const loadMoreRef = useRef<HTMLDivElement>(null);
45
+
46
+
// Set up intersection observer to load more when trigger element is visible
47
+
useEffect(() => {
48
+
const observer = new IntersectionObserver(
49
+
(entries) => {
50
+
if (entries[0].isIntersecting && !isValidating) {
51
+
const hasMore = data && data[data.length - 1]?.nextCursor;
52
+
if (hasMore) {
53
+
setSize(size + 1);
54
+
}
55
+
}
56
+
},
57
+
{ threshold: 0.1 },
58
+
);
59
+
60
+
if (loadMoreRef.current) {
61
+
observer.observe(loadMoreRef.current);
62
+
}
63
+
64
+
return () => observer.disconnect();
65
+
}, [data, size, setSize, isValidating]);
66
+
67
+
const allPublications = data
68
+
? data.flatMap((page) => page.subscriptions)
69
+
: [];
70
+
71
+
if (allPublications.length === 0 && !isValidating)
72
+
return <SubscriptionsEmpty />;
73
+
74
+
return (
75
+
<div className="relative">
76
+
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-3">
77
+
{allPublications?.map((p, index) => <PubListing key={p.uri} {...p} />)}
78
+
</div>
79
+
{/* Trigger element for loading more subscriptions */}
80
+
<div
81
+
ref={loadMoreRef}
82
+
className="absolute bottom-96 left-0 w-full h-px pointer-events-none"
83
+
aria-hidden="true"
84
+
/>
85
+
{isValidating && (
86
+
<div className="text-center text-tertiary py-4">
87
+
Loading more subscriptions...
88
+
</div>
89
+
)}
90
+
</div>
91
+
);
92
+
};
93
+
94
+
export const SubscriptionsEmpty = () => {
95
+
return (
96
+
<div className="flex flex-col gap-2 container bg-[rgba(var(--bg-page),.7)] sm:p-4 p-3 justify-between text-center text-tertiary">
97
+
You haven't subscribed to any publications yet!
98
+
<Link href={"/discover"}>
99
+
<ButtonPrimary className="mx-auto place-self-center">
100
+
<DiscoverSmall /> Discover Publications
101
+
</ButtonPrimary>
102
+
</Link>
103
+
</div>
104
+
);
105
+
};
-88
app/(home-pages)/reader/enrichPost.ts
-88
app/(home-pages)/reader/enrichPost.ts
···
1
-
import { AtUri } from "@atproto/api";
2
-
import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
3
-
import { getConstellationBacklinks } from "app/lish/[did]/[publication]/[rkey]/getPostPageData";
4
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
5
-
import {
6
-
normalizeDocumentRecord,
7
-
normalizePublicationRecord,
8
-
} from "src/utils/normalizeRecords";
9
-
import { idResolver } from "./idResolver";
10
-
import type { Post } from "./getReaderFeed";
11
-
12
-
type RawDocument = {
13
-
data: unknown;
14
-
uri: string;
15
-
sort_date: string;
16
-
comments_on_documents: { count: number }[];
17
-
document_mentions_in_bsky: { count: number }[];
18
-
recommends_on_documents: { count: number }[];
19
-
documents_in_publications: {
20
-
publications: {
21
-
uri: string;
22
-
record: unknown;
23
-
name: string | null;
24
-
[key: string]: unknown;
25
-
} | null;
26
-
}[];
27
-
};
28
-
29
-
export async function enrichDocumentToPost(
30
-
doc: RawDocument,
31
-
): Promise<Post | null> {
32
-
const pub = doc.documents_in_publications?.[0]?.publications;
33
-
const uri = new AtUri(doc.uri);
34
-
const handle = await idResolver.did.resolve(uri.host);
35
-
36
-
const normalizedData = normalizeDocumentRecord(doc.data, doc.uri);
37
-
if (!normalizedData) return null;
38
-
39
-
const normalizedPubRecord = pub
40
-
? normalizePublicationRecord(pub.record)
41
-
: null;
42
-
43
-
const mentionsCount = await getAccurateMentionsCount(
44
-
normalizedData,
45
-
doc.uri,
46
-
normalizedPubRecord,
47
-
doc.document_mentions_in_bsky?.[0]?.count || 0,
48
-
);
49
-
50
-
return {
51
-
publication: pub
52
-
? {
53
-
href: getPublicationURL(pub),
54
-
pubRecord: normalizedPubRecord,
55
-
uri: pub.uri || "",
56
-
}
57
-
: undefined,
58
-
author: handle?.alsoKnownAs?.[0]
59
-
? `@${handle.alsoKnownAs[0].slice(5)}`
60
-
: null,
61
-
documents: {
62
-
comments_on_documents: doc.comments_on_documents,
63
-
document_mentions_in_bsky: doc.document_mentions_in_bsky,
64
-
recommends_on_documents: doc.recommends_on_documents,
65
-
mentionsCount,
66
-
data: normalizedData,
67
-
uri: doc.uri,
68
-
sort_date: doc.sort_date,
69
-
},
70
-
};
71
-
}
72
-
73
-
async function getAccurateMentionsCount(
74
-
normalizedData: NonNullable<ReturnType<typeof normalizeDocumentRecord>>,
75
-
docUri: string,
76
-
normalizedPubRecord: ReturnType<typeof normalizePublicationRecord>,
77
-
dbMentionsCount: number,
78
-
): Promise<number> {
79
-
const postUrl = getDocumentURL(normalizedData, docUri, normalizedPubRecord);
80
-
const absoluteUrl = postUrl.startsWith("/")
81
-
? `https://leaflet.pub${postUrl}`
82
-
: postUrl;
83
-
const constellationBacklinks = await getConstellationBacklinks(absoluteUrl);
84
-
const uniqueBacklinkCount = new Set(
85
-
constellationBacklinks.map((b) => b.uri),
86
-
).size;
87
-
return dbMentionsCount + uniqueBacklinkCount;
88
-
}
···
-100
app/(home-pages)/reader/getHotFeed.ts
-100
app/(home-pages)/reader/getHotFeed.ts
···
1
-
"use server";
2
-
3
-
import { drizzle } from "drizzle-orm/node-postgres";
4
-
import { sql } from "drizzle-orm";
5
-
import { pool } from "supabase/pool";
6
-
import Client from "ioredis";
7
-
import { AtUri } from "@atproto/api";
8
-
import { supabaseServerClient } from "supabase/serverClient";
9
-
import { enrichDocumentToPost } from "./enrichPost";
10
-
import type { Post } from "./getReaderFeed";
11
-
12
-
let redisClient: Client | null = null;
13
-
if (process.env.REDIS_URL && process.env.NODE_ENV === "production") {
14
-
redisClient = new Client(process.env.REDIS_URL);
15
-
}
16
-
17
-
const CACHE_KEY = "hot_feed_v1";
18
-
const CACHE_TTL = 300; // 5 minutes
19
-
20
-
export async function getHotFeed(): Promise<{ posts: Post[] }> {
21
-
// Check Redis cache
22
-
if (redisClient) {
23
-
const cached = await redisClient.get(CACHE_KEY);
24
-
if (cached) {
25
-
return JSON.parse(cached) as { posts: Post[] };
26
-
}
27
-
}
28
-
29
-
// Run ranked SQL query to get top 50 URIs
30
-
const client = await pool.connect();
31
-
const db = drizzle(client);
32
-
33
-
let uris: string[];
34
-
try {
35
-
const ranked = await db.execute(sql`
36
-
SELECT uri
37
-
FROM documents
38
-
WHERE indexed = true
39
-
AND sort_date > now() - interval '7 days'
40
-
ORDER BY
41
-
(bsky_like_count + recommend_count * 5)::numeric
42
-
/ power(extract(epoch from (now() - sort_date)) / 3600 + 2, 1.5) DESC
43
-
LIMIT 50
44
-
`);
45
-
uris = ranked.rows.map((row: any) => row.uri as string);
46
-
} finally {
47
-
client.release();
48
-
}
49
-
50
-
if (uris.length === 0) {
51
-
return { posts: [] };
52
-
}
53
-
54
-
// Batch-fetch documents with publication joins and interaction counts
55
-
const { data: documents } = await supabaseServerClient
56
-
.from("documents")
57
-
.select(
58
-
`*,
59
-
comments_on_documents(count),
60
-
document_mentions_in_bsky(count),
61
-
recommends_on_documents(count),
62
-
documents_in_publications(publications(*))`,
63
-
)
64
-
.in("uri", uris);
65
-
66
-
// Build lookup map for enrichment
67
-
const docMap = new Map((documents || []).map((d) => [d.uri, d]));
68
-
69
-
// Process in ranked order, deduplicating by identity key (DID/rkey)
70
-
const seen = new Set<string>();
71
-
const orderedDocs: NonNullable<typeof documents>[number][] = [];
72
-
for (const uri of uris) {
73
-
try {
74
-
const parsed = new AtUri(uri);
75
-
const identityKey = `${parsed.host}/${parsed.rkey}`;
76
-
if (seen.has(identityKey)) continue;
77
-
seen.add(identityKey);
78
-
} catch {
79
-
// invalid URI, skip dedup check
80
-
}
81
-
const doc = docMap.get(uri);
82
-
if (doc) orderedDocs.push(doc);
83
-
}
84
-
85
-
// Enrich into Post[]
86
-
const posts = (
87
-
await Promise.all(
88
-
orderedDocs.map((doc) => enrichDocumentToPost(doc as any)),
89
-
)
90
-
).filter((post): post is Post => post !== null);
91
-
92
-
const response = { posts };
93
-
94
-
// Cache in Redis
95
-
if (redisClient) {
96
-
await redisClient.setex(CACHE_KEY, CACHE_TTL, JSON.stringify(response));
97
-
}
98
-
99
-
return response;
100
-
}
···
-54
app/(home-pages)/reader/getNewFeed.ts
-54
app/(home-pages)/reader/getNewFeed.ts
···
1
-
"use server";
2
-
3
-
import { supabaseServerClient } from "supabase/serverClient";
4
-
import { deduplicateByUriOrdered } from "src/utils/deduplicateRecords";
5
-
import { enrichDocumentToPost } from "./enrichPost";
6
-
import type { Cursor, Post } from "./getReaderFeed";
7
-
8
-
export async function getNewFeed(
9
-
cursor?: Cursor | null,
10
-
): Promise<{ posts: Post[]; nextCursor: Cursor | null }> {
11
-
let query = supabaseServerClient
12
-
.from("documents")
13
-
.select(
14
-
`*,
15
-
comments_on_documents(count),
16
-
document_mentions_in_bsky(count),
17
-
recommends_on_documents(count),
18
-
documents_in_publications!inner(publications!inner(*))`,
19
-
)
20
-
.or(
21
-
"record->preferences->showInDiscover.is.null,record->preferences->>showInDiscover.eq.true",
22
-
{ referencedTable: "documents_in_publications.publications" },
23
-
)
24
-
.order("sort_date", { ascending: false })
25
-
.order("uri", { ascending: false })
26
-
.limit(25);
27
-
28
-
if (cursor) {
29
-
query = query.or(
30
-
`sort_date.lt.${cursor.timestamp},and(sort_date.eq.${cursor.timestamp},uri.lt.${cursor.uri})`,
31
-
);
32
-
}
33
-
34
-
let { data: rawFeed, error } = await query;
35
-
36
-
const feed = deduplicateByUriOrdered(rawFeed || []);
37
-
38
-
let posts = (
39
-
await Promise.all(feed.map((post) => enrichDocumentToPost(post as any)))
40
-
).filter((post): post is Post => post !== null);
41
-
42
-
const nextCursor =
43
-
posts.length > 0
44
-
? {
45
-
timestamp: posts[posts.length - 1].documents.sort_date,
46
-
uri: posts[posts.length - 1].documents.uri,
47
-
}
48
-
: null;
49
-
50
-
return {
51
-
posts,
52
-
nextCursor,
53
-
};
54
-
}
···
+43
-9
app/(home-pages)/reader/getReaderFeed.ts
+43
-9
app/(home-pages)/reader/getReaderFeed.ts
···
1
"use server";
2
3
import { getIdentityData } from "actions/getIdentityData";
4
import { supabaseServerClient } from "supabase/serverClient";
5
-
import type {
6
-
NormalizedDocument,
7
-
NormalizedPublication,
8
} from "src/utils/normalizeRecords";
9
import { deduplicateByUriOrdered } from "src/utils/deduplicateRecords";
10
-
import { enrichDocumentToPost } from "./enrichPost";
11
12
export type Cursor = {
13
timestamp: string;
···
25
`*,
26
comments_on_documents(count),
27
document_mentions_in_bsky(count),
28
-
recommends_on_documents(count),
29
documents_in_publications!inner(publications!inner(*, publication_subscriptions!inner(*)))`,
30
)
31
.eq(
···
46
const feed = deduplicateByUriOrdered(rawFeed || []);
47
48
let posts = (
49
-
await Promise.all(feed.map((post) => enrichDocumentToPost(post as any)))
50
-
).filter((post): post is Post => post !== null);
51
52
const nextCursor =
53
posts.length > 0
54
? {
···
76
sort_date: string;
77
comments_on_documents: { count: number }[] | undefined;
78
document_mentions_in_bsky: { count: number }[] | undefined;
79
-
recommends_on_documents: { count: number }[] | undefined;
80
-
mentionsCount?: number;
81
};
82
};
···
1
"use server";
2
3
import { getIdentityData } from "actions/getIdentityData";
4
+
import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
5
import { supabaseServerClient } from "supabase/serverClient";
6
+
import { IdResolver } from "@atproto/identity";
7
+
import type { DidCache, CacheResult, DidDocument } from "@atproto/identity";
8
+
import Client from "ioredis";
9
+
import { AtUri } from "@atproto/api";
10
+
import { idResolver } from "./idResolver";
11
+
import {
12
+
normalizeDocumentRecord,
13
+
normalizePublicationRecord,
14
+
type NormalizedDocument,
15
+
type NormalizedPublication,
16
} from "src/utils/normalizeRecords";
17
import { deduplicateByUriOrdered } from "src/utils/deduplicateRecords";
18
19
export type Cursor = {
20
timestamp: string;
···
32
`*,
33
comments_on_documents(count),
34
document_mentions_in_bsky(count),
35
documents_in_publications!inner(publications!inner(*, publication_subscriptions!inner(*)))`,
36
)
37
.eq(
···
52
const feed = deduplicateByUriOrdered(rawFeed || []);
53
54
let posts = (
55
+
await Promise.all(
56
+
feed.map(async (post) => {
57
+
let pub = post.documents_in_publications[0].publications!;
58
+
let uri = new AtUri(post.uri);
59
+
let handle = await idResolver.did.resolve(uri.host);
60
61
+
// Normalize records - filter out unrecognized formats
62
+
const normalizedData = normalizeDocumentRecord(post.data, post.uri);
63
+
if (!normalizedData) return null;
64
+
65
+
const normalizedPubRecord = normalizePublicationRecord(pub?.record);
66
+
67
+
let p: Post = {
68
+
publication: {
69
+
href: getPublicationURL(pub),
70
+
pubRecord: normalizedPubRecord,
71
+
uri: pub?.uri || "",
72
+
},
73
+
author: handle?.alsoKnownAs?.[0]
74
+
? `@${handle.alsoKnownAs[0].slice(5)}`
75
+
: null,
76
+
documents: {
77
+
comments_on_documents: post.comments_on_documents,
78
+
document_mentions_in_bsky: post.document_mentions_in_bsky,
79
+
data: normalizedData,
80
+
uri: post.uri,
81
+
sort_date: post.sort_date,
82
+
},
83
+
};
84
+
return p;
85
+
}) || [],
86
+
)
87
+
).filter((post): post is Post => post !== null);
88
const nextCursor =
89
posts.length > 0
90
? {
···
112
sort_date: string;
113
comments_on_documents: { count: number }[] | undefined;
114
document_mentions_in_bsky: { count: number }[] | undefined;
115
};
116
};
+4
-6
app/(home-pages)/reader/getSubscriptions.ts
+4
-6
app/(home-pages)/reader/getSubscriptions.ts
···
29
30
let query = supabaseServerClient
31
.from("publication_subscriptions")
32
-
.select(
33
-
`*, publications(*, publication_subscriptions(*), documents_in_publications(*, documents(*)))`,
34
-
)
35
.order(`created_at`, { ascending: false })
36
.order(`uri`, { ascending: false })
37
.order("documents(sort_date)", {
···
53
await Promise.all(
54
pubs?.map(async (pub) => {
55
const normalizedRecord = normalizePublicationRecord(
56
-
pub.publications?.record,
57
);
58
if (!normalizedRecord) return null;
59
let id = await idResolver.did.resolve(pub.publications?.identity_did!);
···
64
? { handle: `@${id.alsoKnownAs[0].slice(5)}` }
65
: undefined,
66
} as PublicationSubscription;
67
-
}) || [],
68
)
69
).filter((sub): sub is PublicationSubscription => sub !== null);
70
const nextCursor =
71
pubs && pubs.length > 0
72
? {
···
84
export type PublicationSubscription = {
85
authorProfile?: { handle: string };
86
record: NormalizedPublication;
87
-
publication_subscriptions: { identity: string }[];
88
uri: string;
89
documents_in_publications: {
90
documents: { data?: Json; sort_date: string } | null;
···
29
30
let query = supabaseServerClient
31
.from("publication_subscriptions")
32
+
.select(`*, publications(*, documents_in_publications(*, documents(*)))`)
33
.order(`created_at`, { ascending: false })
34
.order(`uri`, { ascending: false })
35
.order("documents(sort_date)", {
···
51
await Promise.all(
52
pubs?.map(async (pub) => {
53
const normalizedRecord = normalizePublicationRecord(
54
+
pub.publications?.record
55
);
56
if (!normalizedRecord) return null;
57
let id = await idResolver.did.resolve(pub.publications?.identity_did!);
···
62
? { handle: `@${id.alsoKnownAs[0].slice(5)}` }
63
: undefined,
64
} as PublicationSubscription;
65
+
}) || []
66
)
67
).filter((sub): sub is PublicationSubscription => sub !== null);
68
+
69
const nextCursor =
70
pubs && pubs.length > 0
71
? {
···
83
export type PublicationSubscription = {
84
authorProfile?: { handle: string };
85
record: NormalizedPublication;
86
uri: string;
87
documents_in_publications: {
88
documents: { data?: Json; sort_date: string } | null;
-7
app/(home-pages)/reader/hot/page.tsx
-7
app/(home-pages)/reader/hot/page.tsx
-79
app/(home-pages)/reader/layout.tsx
-79
app/(home-pages)/reader/layout.tsx
···
1
-
"use client";
2
-
3
-
import { usePathname } from "next/navigation";
4
-
import Link from "next/link";
5
-
import { Header } from "components/PageHeader";
6
-
import { Footer } from "components/ActionBar/Footer";
7
-
import { DesktopNavigation } from "components/ActionBar/DesktopNavigation";
8
-
import { MobileNavigation } from "components/ActionBar/MobileNavigation";
9
-
import { MediaContents } from "components/Media";
10
-
import { DashboardIdContext } from "components/PageLayouts/DashboardLayout";
11
-
import { useIdentityData } from "components/IdentityProvider";
12
-
13
-
const allTabs = [
14
-
{ name: "Subs", href: "/reader", requiresAuth: true },
15
-
{ name: "What's Hot", href: "/reader/hot", requiresAuth: false },
16
-
{ name: "New", href: "/reader/new", requiresAuth: false },
17
-
];
18
-
19
-
export default function ReaderLayout({
20
-
children,
21
-
}: {
22
-
children: React.ReactNode;
23
-
}) {
24
-
const pathname = usePathname();
25
-
const { identity } = useIdentityData();
26
-
const isLoggedIn = !!identity?.atp_did;
27
-
const tabs = allTabs.filter((tab) => !tab.requiresAuth || isLoggedIn);
28
-
29
-
const isActive = (href: string) => {
30
-
if (href === "/reader")
31
-
return pathname === "/reader" || pathname === "/";
32
-
if (
33
-
href === "/reader/hot" &&
34
-
!isLoggedIn &&
35
-
(pathname === "/reader" || pathname === "/")
36
-
)
37
-
return true;
38
-
return pathname.startsWith(href);
39
-
};
40
-
41
-
return (
42
-
<DashboardIdContext.Provider value="reader">
43
-
<div className="dashboard pwa-padding relative max-w-(--breakpoint-lg) w-full h-full mx-auto flex sm:flex-row flex-col sm:items-stretch sm:px-6">
44
-
<MediaContents mobile={false}>
45
-
<div className="flex flex-col gap-3 my-6">
46
-
<DesktopNavigation currentPage="reader" />
47
-
</div>
48
-
</MediaContents>
49
-
<div
50
-
className="w-full h-full flex flex-col gap-2 relative overflow-y-scroll pt-3 pb-3 px-3 sm:pt-8 sm:pb-3 sm:pl-6 sm:pr-4"
51
-
id="home-content"
52
-
>
53
-
<Header>
54
-
<div className="pubDashTabs flex flex-row gap-1">
55
-
{tabs.map((tab) => (
56
-
<Link key={tab.name} href={tab.href}>
57
-
<div
58
-
className={`pubTabs px-1 py-0 flex gap-1 items-center rounded-md hover:cursor-pointer ${
59
-
isActive(tab.href)
60
-
? "text-accent-2 bg-accent-1 font-bold -mb-px"
61
-
: "text-tertiary"
62
-
}`}
63
-
>
64
-
{tab.name}
65
-
</div>
66
-
</Link>
67
-
))}
68
-
</div>
69
-
<div className="sm:block grow" />
70
-
</Header>
71
-
{children}
72
-
</div>
73
-
<Footer>
74
-
<MobileNavigation currentPage="reader" />
75
-
</Footer>
76
-
</div>
77
-
</DashboardIdContext.Provider>
78
-
);
79
-
}
···
-4
app/(home-pages)/reader/loading.tsx
-4
app/(home-pages)/reader/loading.tsx
-7
app/(home-pages)/reader/new/page.tsx
-7
app/(home-pages)/reader/new/page.tsx
+33
-12
app/(home-pages)/reader/page.tsx
+33
-12
app/(home-pages)/reader/page.tsx
···
1
import { getIdentityData } from "actions/getIdentityData";
2
import { getReaderFeed } from "./getReaderFeed";
3
-
import { getHotFeed } from "./getHotFeed";
4
-
import { InboxContent } from "./InboxContent";
5
-
import { GlobalContent } from "./GlobalContent";
6
7
-
export default async function Reader() {
8
-
let identityData = await getIdentityData();
9
-
if (!identityData?.atp_did) {
10
-
const feedPromise = getHotFeed();
11
-
return <GlobalContent promise={feedPromise} />;
12
-
}
13
-
14
-
const feedPromise = getReaderFeed();
15
-
return <InboxContent promise={feedPromise} />;
16
}
···
1
import { getIdentityData } from "actions/getIdentityData";
2
+
3
+
import { DashboardLayout } from "components/PageLayouts/DashboardLayout";
4
+
import { ReaderContent } from "./ReaderContent";
5
+
import { SubscriptionsContent } from "./SubscriptionsContent";
6
import { getReaderFeed } from "./getReaderFeed";
7
+
import { getSubscriptions } from "./getSubscriptions";
8
9
+
export default async function Reader(props: {}) {
10
+
let posts = await getReaderFeed();
11
+
let publications = await getSubscriptions();
12
+
return (
13
+
<DashboardLayout
14
+
id="reader"
15
+
currentPage="reader"
16
+
defaultTab="Read"
17
+
actions={null}
18
+
tabs={{
19
+
Read: {
20
+
controls: null,
21
+
content: (
22
+
<ReaderContent nextCursor={posts.nextCursor} posts={posts.posts} />
23
+
),
24
+
},
25
+
Subscriptions: {
26
+
controls: null,
27
+
content: (
28
+
<SubscriptionsContent
29
+
publications={publications.subscriptions}
30
+
nextCursor={publications.nextCursor}
31
+
/>
32
+
),
33
+
},
34
+
}}
35
+
/>
36
+
);
37
}
-2
app/(home-pages)/tag/[tag]/getDocumentsByTag.ts
-2
app/(home-pages)/tag/[tag]/getDocumentsByTag.ts
···
21
`*,
22
comments_on_documents(count),
23
document_mentions_in_bsky(count),
24
-
recommends_on_documents(count),
25
documents_in_publications(publications(*))`,
26
)
27
.contains("data->tags", `["${tag}"]`)
···
68
documents: {
69
comments_on_documents: doc.comments_on_documents,
70
document_mentions_in_bsky: doc.document_mentions_in_bsky,
71
-
recommends_on_documents: doc.recommends_on_documents,
72
data: normalizedData,
73
uri: doc.uri,
74
sort_date: doc.sort_date,
···
21
`*,
22
comments_on_documents(count),
23
document_mentions_in_bsky(count),
24
documents_in_publications(publications(*))`,
25
)
26
.contains("data->tags", `["${tag}"]`)
···
67
documents: {
68
comments_on_documents: doc.comments_on_documents,
69
document_mentions_in_bsky: doc.document_mentions_in_bsky,
70
data: normalizedData,
71
uri: doc.uri,
72
sort_date: doc.sort_date,
-2
app/[leaflet_id]/Sidebar.tsx
-2
app/[leaflet_id]/Sidebar.tsx
···
8
import { ShareOptions } from "app/[leaflet_id]/actions/ShareOptions";
9
import { ThemePopover } from "components/ThemeManager/ThemeSetter";
10
import { PublishButton } from "./actions/PublishButton";
11
-
import { PostSettings } from "components/PostSettings";
12
import { Watermark } from "components/Watermark";
13
import { BackToPubButton } from "./actions/BackToPubButton";
14
import { useIdentityData } from "components/IdentityProvider";
···
31
<Sidebar>
32
<PublishButton entityID={rootEntity} />
33
<ShareOptions />
34
-
<PostSettings />
35
<ThemePopover entityID={rootEntity} />
36
<HelpButton />
37
<hr className="text-border" />
···
8
import { ShareOptions } from "app/[leaflet_id]/actions/ShareOptions";
9
import { ThemePopover } from "components/ThemeManager/ThemeSetter";
10
import { PublishButton } from "./actions/PublishButton";
11
import { Watermark } from "components/Watermark";
12
import { BackToPubButton } from "./actions/BackToPubButton";
13
import { useIdentityData } from "components/IdentityProvider";
···
30
<Sidebar>
31
<PublishButton entityID={rootEntity} />
32
<ShareOptions />
33
<ThemePopover entityID={rootEntity} />
34
<HelpButton />
35
<hr className="text-border" />
-10
app/[leaflet_id]/actions/PublishButton.tsx
-10
app/[leaflet_id]/actions/PublishButton.tsx
···
96
tx.get<string | null>("publication_cover_image"),
97
);
98
99
-
// Get post preferences from Replicache state
100
-
let postPreferences = useSubscribe(rep, (tx) =>
101
-
tx.get<{
102
-
showComments?: boolean;
103
-
showMentions?: boolean;
104
-
showRecommends?: boolean;
105
-
} | null>("post_preferences"),
106
-
);
107
-
108
// Get local published at from Replicache (session-only state, not persisted to DB)
109
let publishedAt = useLocalPublishedAt((s) =>
110
pub?.doc ? s[pub?.doc] : undefined,
···
127
tags: currentTags,
128
cover_image: coverImage,
129
publishedAt: publishedAt?.toISOString(),
130
-
postPreferences,
131
});
132
setIsLoading(false);
133
mutate();
···
96
tx.get<string | null>("publication_cover_image"),
97
);
98
99
// Get local published at from Replicache (session-only state, not persisted to DB)
100
let publishedAt = useLocalPublishedAt((s) =>
101
pub?.doc ? s[pub?.doc] : undefined,
···
118
tags: currentTags,
119
cover_image: coverImage,
120
publishedAt: publishedAt?.toISOString(),
121
});
122
setIsLoading(false);
123
mutate();
+2
app/[leaflet_id]/publish/BskyPostEditorProsemirror.tsx
+2
app/[leaflet_id]/publish/BskyPostEditorProsemirror.tsx
···
410
range: { from: number; to: number },
411
view: EditorView,
412
) => {
413
+
console.log("view", view);
414
if (!view) return;
415
const { from, to } = range;
416
const tr = view.state.tr;
···
437
});
438
tr.insert(from, atMentionNode);
439
}
440
+
console.log("yo", mention);
441
442
// Add a space after the mention
443
tr.insertText(" ", from + 1);
-10
app/[leaflet_id]/publish/PublishPost.tsx
-10
app/[leaflet_id]/publish/PublishPost.tsx
···
91
tx.get<string | null>("publication_cover_image"),
92
);
93
94
-
// Get post preferences from Replicache state
95
-
let postPreferences = useSubscribe(rep, (tx) =>
96
-
tx.get<{
97
-
showComments?: boolean;
98
-
showMentions?: boolean;
99
-
showRecommends?: boolean;
100
-
} | null>("post_preferences"),
101
-
);
102
-
103
// Use Replicache tags only when we have a draft
104
const currentTags = props.hasDraft
105
? Array.isArray(replicacheTags)
···
133
cover_image: replicacheCoverImage,
134
entitiesToDelete: props.entitiesToDelete,
135
publishedAt: localPublishedAt?.toISOString() || new Date().toISOString(),
136
-
postPreferences,
137
});
138
139
if (!result.success) {
···
91
tx.get<string | null>("publication_cover_image"),
92
);
93
94
// Use Replicache tags only when we have a draft
95
const currentTags = props.hasDraft
96
? Array.isArray(replicacheTags)
···
124
cover_image: replicacheCoverImage,
125
entitiesToDelete: props.entitiesToDelete,
126
publishedAt: localPublishedAt?.toISOString() || new Date().toISOString(),
127
});
128
129
if (!result.success) {
-6
app/api/inngest/client.ts
-6
app/api/inngest/client.ts
+3
-12
app/api/inngest/functions/index_post_mention.ts
+3
-12
app/api/inngest/functions/index_post_mention.ts
···
3
import { AtpAgent, AtUri } from "@atproto/api";
4
import { Json } from "supabase/database.types";
5
import { ids } from "lexicons/api/lexicons";
6
-
import {
7
-
Notification,
8
-
pingIdentityToUpdateNotification,
9
-
} from "src/notifications";
10
import { v7 } from "uuid";
11
import { idResolver } from "app/(home-pages)/reader/idResolver";
12
import { documentUriFilter } from "src/utils/uriHelpers";
···
63
let { data: pub, error } = await supabaseServerClient
64
.from("publications")
65
.select("*")
66
-
.or(
67
-
`record->>base_path.eq.${url.host},record->>url.eq.https://${url.host}`,
68
-
)
69
-
.order("uri", { ascending: false })
70
-
.limit(1)
71
.single();
72
73
if (!pub) {
···
87
const docData = docDataArr?.[0];
88
89
if (!docData) {
90
-
return {
91
-
message: `No document found for publication ${url.host}/${path[0]}`,
92
-
};
93
}
94
95
documentUri = docData.uri;
···
3
import { AtpAgent, AtUri } from "@atproto/api";
4
import { Json } from "supabase/database.types";
5
import { ids } from "lexicons/api/lexicons";
6
+
import { Notification, pingIdentityToUpdateNotification } from "src/notifications";
7
import { v7 } from "uuid";
8
import { idResolver } from "app/(home-pages)/reader/idResolver";
9
import { documentUriFilter } from "src/utils/uriHelpers";
···
60
let { data: pub, error } = await supabaseServerClient
61
.from("publications")
62
.select("*")
63
+
.or(`record->>base_path.eq.${url.host},record->>url.eq.https://${url.host}`)
64
.single();
65
66
if (!pub) {
···
80
const docData = docDataArr?.[0];
81
82
if (!docData) {
83
+
return { message: `No document found for publication ${url.host}/${path[0]}` };
84
}
85
86
documentUri = docData.uri;
-71
app/api/inngest/functions/sync_document_metadata.ts
-71
app/api/inngest/functions/sync_document_metadata.ts
···
1
-
import { inngest } from "../client";
2
-
import { supabaseServerClient } from "supabase/serverClient";
3
-
import { AtpAgent, AtUri } from "@atproto/api";
4
-
import { idResolver } from "app/(home-pages)/reader/idResolver";
5
-
6
-
const TOTAL_ITERATIONS = 144; // 36 hours at 15-minute intervals
7
-
8
-
export const sync_document_metadata = inngest.createFunction(
9
-
{
10
-
id: "sync_document_metadata",
11
-
idempotency: "event.data.document_uri",
12
-
},
13
-
{ event: "appview/sync-document-metadata" },
14
-
async ({ event, step }) => {
15
-
const { document_uri, bsky_post_uri } = event.data;
16
-
17
-
const did = new AtUri(document_uri).host;
18
-
19
-
const handleResult = await step.run("resolve-handle", async () => {
20
-
const doc = await idResolver.did.resolve(did);
21
-
const handle = doc?.alsoKnownAs
22
-
?.find((a) => a.startsWith("at://"))
23
-
?.replace("at://", "");
24
-
if (!doc) return null;
25
-
const isBridgy = !!doc?.service?.find(
26
-
(s) =>
27
-
typeof s.serviceEndpoint === "string" &&
28
-
s.serviceEndpoint.includes("atproto.brid.gy"),
29
-
);
30
-
return { handle: handle ?? null, isBridgy, doc };
31
-
});
32
-
if (!handleResult) return { error: "No Handle" };
33
-
34
-
await step.run("set-indexed", async () => {
35
-
return await supabaseServerClient
36
-
.from("documents")
37
-
.update({ indexed: !handleResult.isBridgy })
38
-
.eq("uri", document_uri)
39
-
.select();
40
-
});
41
-
42
-
if (!bsky_post_uri || handleResult.isBridgy) {
43
-
return { handle: handleResult.handle };
44
-
}
45
-
46
-
const agent = new AtpAgent({ service: "https://public.api.bsky.app" });
47
-
48
-
const fetchAndUpdate = async () => {
49
-
const res = await agent.app.bsky.feed.getPosts({
50
-
uris: [bsky_post_uri],
51
-
});
52
-
const post = res.data.posts[0];
53
-
if (!post) return 0;
54
-
const likeCount = post.likeCount ?? 0;
55
-
await supabaseServerClient
56
-
.from("documents")
57
-
.update({ bsky_like_count: likeCount })
58
-
.eq("uri", document_uri);
59
-
return likeCount;
60
-
};
61
-
62
-
let likeCount = await step.run("sync-0", fetchAndUpdate);
63
-
64
-
for (let i = 1; i < TOTAL_ITERATIONS; i++) {
65
-
await step.sleep(`wait-${i}`, "15m");
66
-
likeCount = await step.run(`sync-${i}`, fetchAndUpdate);
67
-
}
68
-
69
-
return { likeCount, handle: handleResult.handle };
70
-
},
71
-
);
···
-2
app/api/inngest/route.tsx
-2
app/api/inngest/route.tsx
···
13
check_oauth_session,
14
} from "./functions/cleanup_expired_oauth_sessions";
15
import { write_records_to_pds } from "./functions/write_records_to_pds";
16
-
import { sync_document_metadata } from "./functions/sync_document_metadata";
17
18
export const { GET, POST, PUT } = serve({
19
client: inngest,
···
29
cleanup_expired_oauth_sessions,
30
check_oauth_session,
31
write_records_to_pds,
32
-
sync_document_metadata,
33
],
34
});
···
13
check_oauth_session,
14
} from "./functions/cleanup_expired_oauth_sessions";
15
import { write_records_to_pds } from "./functions/write_records_to_pds";
16
17
export const { GET, POST, PUT } = serve({
18
client: inngest,
···
28
cleanup_expired_oauth_sessions,
29
check_oauth_session,
30
write_records_to_pds,
31
],
32
});
+1
-2
app/api/oauth/[route]/oauth-metadata.ts
+1
-2
app/api/oauth/[route]/oauth-metadata.ts
···
7
? "http://localhost:3000"
8
: "https://leaflet.pub";
9
10
-
const scope =
11
-
"atproto transition:generic transition:email include:pub.leaflet.authFullPermissions include:site.standard.authFull include:app.bsky.authCreatePosts include:app.bsky.authViewAll?aud=did:web:api.bsky.app%23bsky_appview blob:*/*";
12
const localconfig: OAuthClientMetadataInput = {
13
client_id: `http://localhost/?redirect_uri=${encodeURI(`http://127.0.0.1:3000/api/oauth/callback`)}&scope=${encodeURIComponent(scope)}`,
14
client_name: `Leaflet`,
···
7
? "http://localhost:3000"
8
: "https://leaflet.pub";
9
10
+
const scope = "atproto transition:generic transition:email";
11
const localconfig: OAuthClientMetadataInput = {
12
client_id: `http://localhost/?redirect_uri=${encodeURI(`http://127.0.0.1:3000/api/oauth/callback`)}&scope=${encodeURIComponent(scope)}`,
13
client_name: `Leaflet`,
+6
-9
app/api/oauth/[route]/route.ts
+6
-9
app/api/oauth/[route]/route.ts
···
42
const ac = new AbortController();
43
44
const url = await client.authorize(handle || "https://bsky.social", {
45
-
scope:
46
-
"atproto transition:email include:pub.leaflet.authFullPermissions include:site.standard.authFull include:app.bsky.authCreatePosts include:app.bsky.authViewAll?aud=did:web:api.bsky.app%23bsky_appview blob:*/*",
47
signal: ac.signal,
48
state: JSON.stringify(state),
49
});
···
90
// Trigger migration if identity needs it
91
const metadata = identity?.metadata as Record<string, unknown> | null;
92
if (metadata?.needsStandardSiteMigration) {
93
-
if (process.env.NODE_ENV === "production")
94
-
await inngest.send({
95
-
name: "user/migrate-to-standard",
96
-
data: { did: session.did },
97
-
});
98
}
99
100
let { data: token } = await supabaseServerClient
···
106
})
107
.select()
108
.single();
109
-
console.log({ token });
110
if (token) await setAuthToken(token.id);
111
112
// Process successful authentication here
···
115
console.log("User authenticated as:", session.did);
116
return handleAction(s.action, redirectPath);
117
} catch (e) {
118
-
console.log(e);
119
redirect(redirectPath);
120
}
121
}
···
42
const ac = new AbortController();
43
44
const url = await client.authorize(handle || "https://bsky.social", {
45
+
scope: "atproto transition:generic transition:email",
46
signal: ac.signal,
47
state: JSON.stringify(state),
48
});
···
89
// Trigger migration if identity needs it
90
const metadata = identity?.metadata as Record<string, unknown> | null;
91
if (metadata?.needsStandardSiteMigration) {
92
+
await inngest.send({
93
+
name: "user/migrate-to-standard",
94
+
data: { did: session.did },
95
+
});
96
}
97
98
let { data: token } = await supabaseServerClient
···
104
})
105
.select()
106
.single();
107
+
108
if (token) await setAuthToken(token.id);
109
110
// Process successful authentication here
···
113
console.log("User authenticated as:", session.did);
114
return handleAction(s.action, redirectPath);
115
} catch (e) {
116
redirect(redirectPath);
117
}
118
}
-90
app/api/rpc/[command]/get_document_interactions.ts
-90
app/api/rpc/[command]/get_document_interactions.ts
···
1
-
import { z } from "zod";
2
-
import { makeRoute } from "../lib";
3
-
import type { Env } from "./route";
4
-
import { getConstellationBacklinks } from "app/lish/[did]/[publication]/[rkey]/getPostPageData";
5
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
6
-
import {
7
-
normalizeDocumentRecord,
8
-
normalizePublicationRecord,
9
-
} from "src/utils/normalizeRecords";
10
-
11
-
export const get_document_interactions = makeRoute({
12
-
route: "get_document_interactions",
13
-
input: z.object({
14
-
document_uri: z.string(),
15
-
}),
16
-
handler: async (
17
-
{ document_uri },
18
-
{ supabase }: Pick<Env, "supabase">,
19
-
) => {
20
-
let { data: document } = await supabase
21
-
.from("documents")
22
-
.select(
23
-
`
24
-
data,
25
-
uri,
26
-
comments_on_documents(*, bsky_profiles(*)),
27
-
document_mentions_in_bsky(*),
28
-
documents_in_publications(publications(*))
29
-
`,
30
-
)
31
-
.eq("uri", document_uri)
32
-
.limit(1)
33
-
.single();
34
-
35
-
if (!document) {
36
-
return { comments: [], quotesAndMentions: [], totalMentionsCount: 0 };
37
-
}
38
-
39
-
const normalizedData = normalizeDocumentRecord(
40
-
document.data,
41
-
document.uri,
42
-
);
43
-
44
-
const pub = document.documents_in_publications?.[0]?.publications;
45
-
const normalizedPubRecord = pub
46
-
? normalizePublicationRecord(pub.record)
47
-
: null;
48
-
49
-
// Compute document URL for constellation lookup
50
-
let absoluteUrl = "";
51
-
if (normalizedData) {
52
-
const postUrl = getDocumentURL(
53
-
normalizedData,
54
-
document.uri,
55
-
normalizedPubRecord,
56
-
);
57
-
absoluteUrl = postUrl.startsWith("/")
58
-
? `https://leaflet.pub${postUrl}`
59
-
: postUrl;
60
-
}
61
-
62
-
// Fetch constellation backlinks
63
-
const constellationBacklinks = absoluteUrl
64
-
? await getConstellationBacklinks(absoluteUrl)
65
-
: [];
66
-
67
-
// Deduplicate constellation backlinks internally
68
-
const uniqueBacklinks = Array.from(
69
-
new Map(constellationBacklinks.map((b) => [b.uri, b])).values(),
70
-
);
71
-
72
-
// Combine DB mentions and constellation backlinks, deduplicating by URI
73
-
const dbMentionUris = new Set(
74
-
document.document_mentions_in_bsky.map((m) => m.uri),
75
-
);
76
-
const quotesAndMentions: { uri: string; link?: string }[] = [
77
-
...document.document_mentions_in_bsky.map((m) => ({
78
-
uri: m.uri,
79
-
link: m.link,
80
-
})),
81
-
...uniqueBacklinks.filter((b) => !dbMentionUris.has(b.uri)),
82
-
];
83
-
84
-
return {
85
-
comments: document.comments_on_documents,
86
-
quotesAndMentions,
87
-
totalMentionsCount: quotesAndMentions.length,
88
-
};
89
-
},
90
-
});
···
-17
app/api/rpc/[command]/get_hot_feed.ts
-17
app/api/rpc/[command]/get_hot_feed.ts
···
1
-
import { z } from "zod";
2
-
import { makeRoute } from "../lib";
3
-
import type { Env } from "./route";
4
-
import { getHotFeed } from "app/(home-pages)/reader/getHotFeed";
5
-
import type { Post } from "app/(home-pages)/reader/getReaderFeed";
6
-
7
-
export type GetHotFeedReturnType = Awaited<
8
-
ReturnType<(typeof get_hot_feed)["handler"]>
9
-
>;
10
-
11
-
export const get_hot_feed = makeRoute({
12
-
route: "get_hot_feed",
13
-
input: z.object({}),
14
-
handler: async ({}, {}: Pick<Env, "supabase">) => {
15
-
return await getHotFeed();
16
-
},
17
-
});
···
+1
-5
app/api/rpc/[command]/get_publication_data.ts
+1
-5
app/api/rpc/[command]/get_publication_data.ts
···
40
documents_in_publications(documents(
41
*,
42
comments_on_documents(count),
43
-
document_mentions_in_bsky(count),
44
-
recommends_on_documents(count)
45
)),
46
publication_subscriptions(*, identities(bsky_profiles(*))),
47
publication_domains(*),
···
86
indexed_at: dip.documents.indexed_at,
87
sort_date: dip.documents.sort_date,
88
data: dip.documents.data,
89
-
bsky_like_count: dip.documents.bsky_like_count,
90
commentsCount: dip.documents.comments_on_documents[0]?.count || 0,
91
mentionsCount: dip.documents.document_mentions_in_bsky[0]?.count || 0,
92
-
recommendsCount:
93
-
dip.documents.recommends_on_documents?.[0]?.count || 0,
94
};
95
})
96
.filter((d): d is NonNullable<typeof d> => d !== null);
···
40
documents_in_publications(documents(
41
*,
42
comments_on_documents(count),
43
+
document_mentions_in_bsky(count)
44
)),
45
publication_subscriptions(*, identities(bsky_profiles(*))),
46
publication_domains(*),
···
85
indexed_at: dip.documents.indexed_at,
86
sort_date: dip.documents.sort_date,
87
data: dip.documents.data,
88
commentsCount: dip.documents.comments_on_documents[0]?.count || 0,
89
mentionsCount: dip.documents.document_mentions_in_bsky[0]?.count || 0,
90
};
91
})
92
.filter((d): d is NonNullable<typeof d> => d !== null);
-40
app/api/rpc/[command]/get_user_recommendations.ts
-40
app/api/rpc/[command]/get_user_recommendations.ts
···
1
-
import { z } from "zod";
2
-
import { makeRoute } from "../lib";
3
-
import type { Env } from "./route";
4
-
import { getIdentityData } from "actions/getIdentityData";
5
-
6
-
export type GetUserRecommendationsReturnType = Awaited<
7
-
ReturnType<(typeof get_user_recommendations)["handler"]>
8
-
>;
9
-
10
-
export const get_user_recommendations = makeRoute({
11
-
route: "get_user_recommendations",
12
-
input: z.object({
13
-
documentUris: z.array(z.string()),
14
-
}),
15
-
handler: async ({ documentUris }, { supabase }: Pick<Env, "supabase">) => {
16
-
const identity = await getIdentityData();
17
-
const currentUserDid = identity?.atp_did;
18
-
19
-
if (!currentUserDid || documentUris.length === 0) {
20
-
return {
21
-
result: {} as Record<string, boolean>,
22
-
};
23
-
}
24
-
25
-
const { data: recommendations } = await supabase
26
-
.from("recommends_on_documents")
27
-
.select("document")
28
-
.eq("recommender_did", currentUserDid)
29
-
.in("document", documentUris);
30
-
31
-
const recommendedSet = new Set(recommendations?.map((r) => r.document));
32
-
33
-
const result: Record<string, boolean> = {};
34
-
for (const uri of documentUris) {
35
-
result[uri] = recommendedSet.has(uri);
36
-
}
37
-
38
-
return { result };
39
-
},
40
-
});
···
-7
app/api/rpc/[command]/pull.ts
-7
app/api/rpc/[command]/pull.ts
···
9
import type { Attribute } from "src/replicache/attributes";
10
import { makeRoute } from "../lib";
11
import type { Env } from "./route";
12
-
import type { Json } from "supabase/database.types";
13
14
// First define the sub-types for V0 and V1 requests
15
const pullRequestV0 = z.object({
···
76
title: string;
77
tags: string[];
78
cover_image: string | null;
79
-
preferences: Json | null;
80
}[];
81
let pub_patch = publication_data?.[0]
82
? [
···
99
op: "put",
100
key: "publication_cover_image",
101
value: publication_data[0].cover_image || null,
102
-
},
103
-
{
104
-
op: "put",
105
-
key: "post_preferences",
106
-
value: publication_data[0].preferences || null,
107
},
108
]
109
: [];
···
9
import type { Attribute } from "src/replicache/attributes";
10
import { makeRoute } from "../lib";
11
import type { Env } from "./route";
12
13
// First define the sub-types for V0 and V1 requests
14
const pullRequestV0 = z.object({
···
75
title: string;
76
tags: string[];
77
cover_image: string | null;
78
}[];
79
let pub_patch = publication_data?.[0]
80
? [
···
97
op: "put",
98
key: "publication_cover_image",
99
value: publication_data[0].cover_image || null,
100
},
101
]
102
: [];
-6
app/api/rpc/[command]/route.ts
-6
app/api/rpc/[command]/route.ts
···
14
import { search_publication_names } from "./search_publication_names";
15
import { search_publication_documents } from "./search_publication_documents";
16
import { get_profile_data } from "./get_profile_data";
17
-
import { get_user_recommendations } from "./get_user_recommendations";
18
-
import { get_hot_feed } from "./get_hot_feed";
19
-
import { get_document_interactions } from "./get_document_interactions";
20
21
let supabase = createClient<Database>(
22
process.env.NEXT_PUBLIC_SUPABASE_API_URL as string,
···
44
search_publication_names,
45
search_publication_documents,
46
get_profile_data,
47
-
get_user_recommendations,
48
-
get_hot_feed,
49
-
get_document_interactions,
50
];
51
export async function POST(
52
req: Request,
···
14
import { search_publication_names } from "./search_publication_names";
15
import { search_publication_documents } from "./search_publication_documents";
16
import { get_profile_data } from "./get_profile_data";
17
18
let supabase = createClient<Database>(
19
process.env.NEXT_PUBLIC_SUPABASE_API_URL as string,
···
41
search_publication_names,
42
search_publication_documents,
43
get_profile_data,
44
];
45
export async function POST(
46
req: Request,
+5
-7
app/api/rpc/[command]/search_publication_documents.ts
+5
-7
app/api/rpc/[command]/search_publication_documents.ts
···
2
import { z } from "zod";
3
import { makeRoute } from "../lib";
4
import type { Env } from "./route";
5
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
6
-
import { normalizeDocumentRecord } from "src/utils/normalizeRecords";
7
8
export type SearchPublicationDocumentsReturnType = Awaited<
9
ReturnType<(typeof search_publication_documents)["handler"]>
···
38
}
39
40
const result = documents.map((d) => {
41
-
const normalizedDoc = normalizeDocumentRecord(d.documents.data, d.documents.uri);
42
43
return {
44
uri: d.documents.uri,
45
-
title: normalizedDoc?.title || (d.documents.data as { title?: string })?.title || "Untitled",
46
-
url: normalizedDoc
47
-
? getDocumentURL(normalizedDoc, d.documents.uri, d.publications)
48
-
: `${d.documents.uri}`,
49
};
50
});
51
···
2
import { z } from "zod";
3
import { makeRoute } from "../lib";
4
import type { Env } from "./route";
5
+
import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
6
7
export type SearchPublicationDocumentsReturnType = Awaited<
8
ReturnType<(typeof search_publication_documents)["handler"]>
···
37
}
38
39
const result = documents.map((d) => {
40
+
const docUri = new AtUri(d.documents.uri);
41
+
const pubUrl = getPublicationURL(d.publications);
42
43
return {
44
uri: d.documents.uri,
45
+
title: (d.documents.data as { title?: string })?.title || "Untitled",
46
+
url: `${pubUrl}/${docUri.rkey}`,
47
};
48
});
49
+9
-49
app/lish/Subscribe.tsx
+9
-49
app/lish/Subscribe.tsx
···
24
import LoginForm from "app/login/LoginForm";
25
import { RSSSmall } from "components/Icons/RSSSmall";
26
import { OAuthErrorMessage, isOAuthSessionError } from "components/OAuthError";
27
-
import { RSSTiny } from "components/Icons/RSSTiny";
28
29
export const SubscribeWithBluesky = (props: {
30
-
compact?: boolean;
31
pubName: string;
32
pub_uri: string;
33
base_url: string;
···
38
let [successModalOpen, setSuccessModalOpen] = useState(
39
!!searchParams.has("showSubscribeSuccess"),
40
);
41
-
let [localSubscribeState, setLocalSubscribeState] = useState<
42
-
"subscribed" | "unsubscribed"
43
-
>("subscribed");
44
let subscribed =
45
identity?.atp_did &&
46
-
localSubscribeState !== "unsubscribed" &&
47
props.subscribers.find((s) => s.identity === identity.atp_did);
48
49
if (successModalOpen)
···
54
/>
55
);
56
if (subscribed) {
57
-
return (
58
-
<ManageSubscription
59
-
{...props}
60
-
onUnsubscribe={() => setLocalSubscribeState("unsubscribed")}
61
-
/>
62
-
);
63
}
64
return (
65
<div className="flex flex-col gap-2 text-center justify-center">
66
<div className="flex flex-row gap-2 place-self-center">
67
<BlueskySubscribeButton
68
-
setLocalSubscribeState={() => setLocalSubscribeState("subscribed")}
69
-
compact={props.compact}
70
pub_uri={props.pub_uri}
71
setSuccessModalOpen={setSuccessModalOpen}
72
/>
···
76
target="_blank"
77
aria-label="Subscribe to RSS"
78
>
79
-
{props.compact ? (
80
-
<RSSTiny className="self-center" aria-hidden />
81
-
) : (
82
-
<RSSSmall className="self-center" aria-hidden />
83
-
)}
84
</a>
85
</div>
86
</div>
···
91
pub_uri: string;
92
subscribers: { identity: string }[];
93
base_url: string;
94
-
compact?: boolean;
95
-
onUnsubscribe?: () => void;
96
}) => {
97
let toaster = useToaster();
98
let [hasFeed] = useState(false);
···
102
content: "You unsubscribed.",
103
type: "success",
104
});
105
-
props.onUnsubscribe?.();
106
}, null);
107
return (
108
<Popover
109
trigger={
110
-
<div
111
-
className={`text-accent-contrast w-fit ${props.compact ? "text-xs" : "text-sm"}`}
112
-
>
113
-
Manage Subscription
114
-
</div>
115
}
116
>
117
-
<div
118
-
className={`max-w-sm flex flex-col gap-1 ${props.compact && "text-sm"}`}
119
-
>
120
<h4>Update Options</h4>
121
122
{!hasFeed && (
···
126
className=" place-self-center"
127
>
128
<ButtonPrimary fullWidth compact className="!px-4">
129
-
Bluesky Custom Feed
130
</ButtonPrimary>
131
</a>
132
)}
···
145
<hr className="border-border-light my-1" />
146
147
<form action={unsubscribe}>
148
-
<button className="font-bold w-full text-accent-contrast text-center mx-auto">
149
-
{unsubscribePending ? (
150
-
<DotLoader className="w-fit mx-auto" />
151
-
) : (
152
-
"Unsubscribe"
153
-
)}
154
</button>
155
</form>
156
</div>
···
161
let BlueskySubscribeButton = (props: {
162
pub_uri: string;
163
setSuccessModalOpen: (open: boolean) => void;
164
-
compact?: boolean;
165
-
setLocalSubscribeState: () => void;
166
}) => {
167
let { identity } = useIdentityData();
168
let toaster = useToaster();
···
185
props.setSuccessModalOpen(true);
186
}
187
toaster({ content: <div>You're Subscribed!</div>, type: "success" });
188
-
props.setLocalSubscribeState();
189
}, null);
190
191
let [isClient, setIsClient] = useState(false);
···
197
return (
198
<Popover
199
asChild
200
-
className="max-w-xs"
201
trigger={
202
-
<ButtonPrimary
203
-
compact={props.compact}
204
-
className={`place-self-center ${props.compact && "text-sm"}`}
205
-
>
206
<BlueskyTiny /> Subscribe with Bluesky
207
</ButtonPrimary>
208
}
···
225
action={subscribe}
226
className="place-self-center flex flex-row gap-1"
227
>
228
-
<ButtonPrimary
229
-
compact={props.compact}
230
-
className={props.compact ? "text-sm" : ""}
231
-
>
232
{subscribePending ? (
233
<DotLoader />
234
) : (
···
24
import LoginForm from "app/login/LoginForm";
25
import { RSSSmall } from "components/Icons/RSSSmall";
26
import { OAuthErrorMessage, isOAuthSessionError } from "components/OAuthError";
27
28
export const SubscribeWithBluesky = (props: {
29
pubName: string;
30
pub_uri: string;
31
base_url: string;
···
36
let [successModalOpen, setSuccessModalOpen] = useState(
37
!!searchParams.has("showSubscribeSuccess"),
38
);
39
let subscribed =
40
identity?.atp_did &&
41
props.subscribers.find((s) => s.identity === identity.atp_did);
42
43
if (successModalOpen)
···
48
/>
49
);
50
if (subscribed) {
51
+
return <ManageSubscription {...props} />;
52
}
53
return (
54
<div className="flex flex-col gap-2 text-center justify-center">
55
<div className="flex flex-row gap-2 place-self-center">
56
<BlueskySubscribeButton
57
pub_uri={props.pub_uri}
58
setSuccessModalOpen={setSuccessModalOpen}
59
/>
···
63
target="_blank"
64
aria-label="Subscribe to RSS"
65
>
66
+
<RSSSmall className="self-center" aria-hidden />
67
</a>
68
</div>
69
</div>
···
74
pub_uri: string;
75
subscribers: { identity: string }[];
76
base_url: string;
77
}) => {
78
let toaster = useToaster();
79
let [hasFeed] = useState(false);
···
83
content: "You unsubscribed.",
84
type: "success",
85
});
86
}, null);
87
return (
88
<Popover
89
trigger={
90
+
<div className="text-accent-contrast text-sm">Manage Subscription</div>
91
}
92
>
93
+
<div className="max-w-sm flex flex-col gap-1">
94
<h4>Update Options</h4>
95
96
{!hasFeed && (
···
100
className=" place-self-center"
101
>
102
<ButtonPrimary fullWidth compact className="!px-4">
103
+
View Bluesky Custom Feed
104
</ButtonPrimary>
105
</a>
106
)}
···
119
<hr className="border-border-light my-1" />
120
121
<form action={unsubscribe}>
122
+
<button className="font-bold text-accent-contrast w-max place-self-center">
123
+
{unsubscribePending ? <DotLoader /> : "Unsubscribe"}
124
</button>
125
</form>
126
</div>
···
131
let BlueskySubscribeButton = (props: {
132
pub_uri: string;
133
setSuccessModalOpen: (open: boolean) => void;
134
}) => {
135
let { identity } = useIdentityData();
136
let toaster = useToaster();
···
153
props.setSuccessModalOpen(true);
154
}
155
toaster({ content: <div>You're Subscribed!</div>, type: "success" });
156
}, null);
157
158
let [isClient, setIsClient] = useState(false);
···
164
return (
165
<Popover
166
asChild
167
trigger={
168
+
<ButtonPrimary className="place-self-center">
169
<BlueskyTiny /> Subscribe with Bluesky
170
</ButtonPrimary>
171
}
···
188
action={subscribe}
189
className="place-self-center flex flex-row gap-1"
190
>
191
+
<ButtonPrimary>
192
{subscribePending ? (
193
<DotLoader />
194
) : (
+68
app/lish/[did]/[publication]/UpgradeModal.tsx
+68
app/lish/[did]/[publication]/UpgradeModal.tsx
···
···
1
+
import { ButtonPrimary } from "components/Buttons";
2
+
import { Modal } from "components/Modal";
3
+
import { useState } from "react";
4
+
5
+
export const UpgradeContent = () => {
6
+
let [cadence, setCadence] = useState<"year" | "month">("year");
7
+
return (
8
+
<div className="flex flex-col justify-center text-center sm:gap-4 gap-2 w-full">
9
+
<h2>Get Leaflet Pro!</h2>
10
+
<div className="flex sm:flex-row flex-col sm:gap-8 gap-4 items-stretch w-full">
11
+
<div className="text-secondary sm:py-6 py-4 px-4">
12
+
<div className="font-bold text-primary">Analytics</div>
13
+
<div className="">Views per Post</div>
14
+
<div className="">Subscriber Counts</div>
15
+
<div className="">Top Referrers</div>
16
+
<hr className="my-4 border-border-light" />
17
+
<div className="font-bold text-primary">Coming ASAP</div>
18
+
<div className="">Emails</div>
19
+
<div className="">Paid Membership</div>
20
+
</div>
21
+
<div className="sm:w-64 w-full accent-container flex justify-center items-center">
22
+
<div className="flex flex-col justify-center text-center py-6">
23
+
<div className="flex gap-2 mb-3 p-1 bg-accent-contrast rounded-lg text-sm">
24
+
<button
25
+
className={`px-1 rounded-md ${cadence === "year" ? "bg-bg-page font-bold text-accent-contrast" : "bg-transparent text-bg-page"}`}
26
+
onClick={() => setCadence("year")}
27
+
>
28
+
Yearly
29
+
</button>
30
+
<button
31
+
className={`px-1 rounded-md ${cadence === "month" ? "bg-bg-page font-bold text-accent-contrast" : "bg-transparent text-bg-page"}`}
32
+
onClick={() => setCadence("month")}
33
+
>
34
+
Monthly
35
+
</button>
36
+
</div>
37
+
<div className="flex gap-1 items-baseline justify-center">
38
+
<div className="text-2xl font-bold leading-tight">
39
+
{cadence === "year" ? "$120" : "$12"}
40
+
</div>
41
+
<div className="text-secondary pb-4">
42
+
{cadence === "year" ? "/year" : "/month"}
43
+
</div>
44
+
</div>
45
+
<ButtonPrimary fullWidth className="mx-auto">
46
+
Get it!
47
+
</ButtonPrimary>
48
+
</div>
49
+
</div>
50
+
</div>
51
+
</div>
52
+
);
53
+
};
54
+
55
+
export const UpgradeModal = (props: {
56
+
trigger: React.ReactNode;
57
+
asChild?: boolean;
58
+
}) => {
59
+
return (
60
+
<Modal
61
+
asChild={props.asChild}
62
+
className="sm:w-fit w-[90vw]"
63
+
trigger={<div className="sm:w-full">{props.trigger}</div>}
64
+
>
65
+
<UpgradeContent />
66
+
</Modal>
67
+
);
68
+
};
-6
app/lish/[did]/[publication]/[rkey]/CanvasPage.tsx
-6
app/lish/[did]/[publication]/[rkey]/CanvasPage.tsx
···
71
preferences={preferences}
72
commentsCount={getCommentCount(document.comments_on_documents, pageId)}
73
quotesCount={getQuoteCount(document.quotesAndMentions, pageId)}
74
-
recommendsCount={document.recommendsCount}
75
/>
76
<CanvasContent
77
blocks={blocks}
···
206
preferences: {
207
showComments?: boolean;
208
showMentions?: boolean;
209
-
showRecommends?: boolean;
210
showPrevNext?: boolean;
211
};
212
quotesCount: number | undefined;
213
commentsCount: number | undefined;
214
-
recommendsCount: number;
215
}) => {
216
let isMobile = useIsMobile();
217
return (
···
219
<Interactions
220
quotesCount={props.quotesCount || 0}
221
commentsCount={props.commentsCount || 0}
222
-
recommendsCount={props.recommendsCount}
223
showComments={props.preferences.showComments !== false}
224
showMentions={props.preferences.showMentions !== false}
225
-
showRecommends={props.preferences.showRecommends !== false}
226
pageId={props.pageId}
227
/>
228
{!props.isSubpage && (
···
238
data={props.data}
239
profile={props.profile}
240
preferences={props.preferences}
241
-
isCanvas
242
/>
243
</Popover>
244
</>
···
71
preferences={preferences}
72
commentsCount={getCommentCount(document.comments_on_documents, pageId)}
73
quotesCount={getQuoteCount(document.quotesAndMentions, pageId)}
74
/>
75
<CanvasContent
76
blocks={blocks}
···
205
preferences: {
206
showComments?: boolean;
207
showMentions?: boolean;
208
showPrevNext?: boolean;
209
};
210
quotesCount: number | undefined;
211
commentsCount: number | undefined;
212
}) => {
213
let isMobile = useIsMobile();
214
return (
···
216
<Interactions
217
quotesCount={props.quotesCount || 0}
218
commentsCount={props.commentsCount || 0}
219
showComments={props.preferences.showComments !== false}
220
showMentions={props.preferences.showMentions !== false}
221
pageId={props.pageId}
222
/>
223
{!props.isSubpage && (
···
233
data={props.data}
234
profile={props.profile}
235
preferences={props.preferences}
236
/>
237
</Popover>
238
</>
+1
-2
app/lish/[did]/[publication]/[rkey]/DocumentPageRenderer.tsx
+1
-2
app/lish/[did]/[publication]/[rkey]/DocumentPageRenderer.tsx
···
21
} from "src/utils/normalizeRecords";
22
import { DocumentProvider } from "contexts/DocumentContext";
23
import { LeafletContentProvider } from "contexts/LeafletContentContext";
24
-
import { mergePreferences } from "src/utils/mergePreferences";
25
26
export async function DocumentPageRenderer({
27
did,
···
134
<LeafletLayout>
135
<PostPages
136
document_uri={document.uri}
137
-
preferences={mergePreferences(record?.preferences, pubRecord?.preferences)}
138
pubRecord={pubRecord}
139
profile={JSON.parse(JSON.stringify(profile.data))}
140
document={document}
···
21
} from "src/utils/normalizeRecords";
22
import { DocumentProvider } from "contexts/DocumentContext";
23
import { LeafletContentProvider } from "contexts/LeafletContentContext";
24
25
export async function DocumentPageRenderer({
26
did,
···
133
<LeafletLayout>
134
<PostPages
135
document_uri={document.uri}
136
+
preferences={pubRecord?.preferences || {}}
137
pubRecord={pubRecord}
138
profile={JSON.parse(JSON.stringify(profile.data))}
139
document={document}
+19
-13
app/lish/[did]/[publication]/[rkey]/Interactions/Comments/index.tsx
+19
-13
app/lish/[did]/[publication]/[rkey]/Interactions/Comments/index.tsx
···
29
document_uri: string;
30
comments: Comment[];
31
pageId?: string;
32
-
noCommentBox?: boolean;
33
}) {
34
let { identity } = useIdentityData();
35
let { localComments } = useInteractionState(props.document_uri);
···
56
id={"commentsDrawer"}
57
className="flex flex-col gap-2 relative text-sm text-secondary"
58
>
59
-
{!props.noCommentBox && (
60
-
<>
61
-
{identity?.atp_did ? (
62
-
<CommentBox doc_uri={props.document_uri} pageId={props.pageId} />
63
-
) : (
64
-
<div className="w-full accent-container text-tertiary text-center italic p-3 flex flex-col gap-2">
65
-
Connect a Bluesky account to comment
66
-
<BlueskyLogin redirectRoute={redirectRoute} />
67
-
</div>
68
-
)}
69
-
<hr className="border-border-light" />
70
-
</>
71
)}
72
<div className="flex flex-col gap-4 py-2">
73
{comments
74
.sort((a, b) => {
···
29
document_uri: string;
30
comments: Comment[];
31
pageId?: string;
32
}) {
33
let { identity } = useIdentityData();
34
let { localComments } = useInteractionState(props.document_uri);
···
55
id={"commentsDrawer"}
56
className="flex flex-col gap-2 relative text-sm text-secondary"
57
>
58
+
<div className="w-full flex justify-between">
59
+
<h4> Comments</h4>
60
+
<button
61
+
className="text-tertiary"
62
+
onClick={() =>
63
+
setInteractionState(props.document_uri, { drawerOpen: false })
64
+
}
65
+
>
66
+
<CloseTiny />
67
+
</button>
68
+
</div>
69
+
{identity?.atp_did ? (
70
+
<CommentBox doc_uri={props.document_uri} pageId={props.pageId} />
71
+
) : (
72
+
<div className="w-full accent-container text-tertiary text-center italic p-3 flex flex-col gap-2">
73
+
Connect a Bluesky account to comment
74
+
<BlueskyLogin redirectRoute={redirectRoute} />
75
+
</div>
76
)}
77
+
<hr className="border-border-light" />
78
<div className="flex flex-col gap-4 py-2">
79
{comments
80
.sort((a, b) => {
+11
-41
app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx
+11
-41
app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx
···
1
"use client";
2
import { Media } from "components/Media";
3
import { MentionsDrawerContent } from "./Quotes";
4
-
import {
5
-
InteractionState,
6
-
setInteractionState,
7
-
useInteractionState,
8
-
} from "./Interactions";
9
import { Json } from "supabase/database.types";
10
import { Comment, CommentsDrawerContent } from "./Comments";
11
import { useSearchParams } from "next/navigation";
12
import { SandwichSpacer } from "components/LeafletLayout";
13
import { decodeQuotePosition } from "../quotePosition";
14
-
import { CloseTiny } from "components/Icons/CloseTiny";
15
16
export const InteractionDrawer = (props: {
17
showPageBackground: boolean | undefined;
···
44
<div className="snap-center h-full flex z-10 shrink-0 sm:max-w-prose sm:w-full w-[calc(100vw-12px)]">
45
<div
46
id="interaction-drawer"
47
-
className={`opaque-container relative h-full w-full px-3 sm:px-4 pt-2 sm:pt-3 pb-6 overflow-scroll flex flex-col ${props.showPageBackground ? "rounded-l-none! rounded-r-lg! -ml-[1px]" : "rounded-lg! sm:ml-4"}`}
48
>
49
{drawer.drawer === "quotes" ? (
50
-
<>
51
-
<button
52
-
className="text-tertiary absolute top-4 right-4"
53
-
onClick={() =>
54
-
setInteractionState(props.document_uri, { drawerOpen: false })
55
-
}
56
-
>
57
-
<CloseTiny />
58
-
</button>
59
-
<MentionsDrawerContent
60
-
{...props}
61
-
quotesAndMentions={filteredQuotesAndMentions}
62
-
/>
63
-
</>
64
) : (
65
-
<>
66
-
<div className="w-full flex justify-between">
67
-
<h4> Comments</h4>
68
-
<button
69
-
className="text-tertiary"
70
-
onClick={() =>
71
-
setInteractionState(props.document_uri, {
72
-
drawerOpen: false,
73
-
})
74
-
}
75
-
>
76
-
<CloseTiny />
77
-
</button>
78
-
</div>
79
-
<CommentsDrawerContent
80
-
document_uri={props.document_uri}
81
-
comments={filteredComments}
82
-
pageId={props.pageId}
83
-
/>
84
-
</>
85
)}
86
</div>
87
</div>
···
1
"use client";
2
import { Media } from "components/Media";
3
import { MentionsDrawerContent } from "./Quotes";
4
+
import { InteractionState, useInteractionState } from "./Interactions";
5
import { Json } from "supabase/database.types";
6
import { Comment, CommentsDrawerContent } from "./Comments";
7
import { useSearchParams } from "next/navigation";
8
import { SandwichSpacer } from "components/LeafletLayout";
9
import { decodeQuotePosition } from "../quotePosition";
10
11
export const InteractionDrawer = (props: {
12
showPageBackground: boolean | undefined;
···
39
<div className="snap-center h-full flex z-10 shrink-0 sm:max-w-prose sm:w-full w-[calc(100vw-12px)]">
40
<div
41
id="interaction-drawer"
42
+
className={`opaque-container h-full w-full px-3 sm:px-4 pt-2 sm:pt-3 pb-6 overflow-scroll ${props.showPageBackground ? "rounded-l-none! rounded-r-lg! -ml-[1px]" : "rounded-lg! sm:ml-4"}`}
43
>
44
{drawer.drawer === "quotes" ? (
45
+
<MentionsDrawerContent
46
+
{...props}
47
+
quotesAndMentions={filteredQuotesAndMentions}
48
+
/>
49
) : (
50
+
<CommentsDrawerContent
51
+
document_uri={props.document_uri}
52
+
comments={filteredComments}
53
+
pageId={props.pageId}
54
+
/>
55
)}
56
</div>
57
</div>
+41
-83
app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
+41
-83
app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
···
18
import { ManageSubscription, SubscribeWithBluesky } from "app/lish/Subscribe";
19
import { EditTiny } from "components/Icons/EditTiny";
20
import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
21
-
import { RecommendButton } from "components/RecommendButton";
22
-
import { ButtonSecondary } from "components/Buttons";
23
-
import { Separator } from "components/Layout";
24
25
export type InteractionState = {
26
drawerOpen: undefined | boolean;
···
108
export const Interactions = (props: {
109
quotesCount: number;
110
commentsCount: number;
111
-
recommendsCount: number;
112
className?: string;
113
showComments: boolean;
114
showMentions: boolean;
115
-
showRecommends: boolean;
116
pageId?: string;
117
}) => {
118
-
const {
119
-
uri: document_uri,
120
-
quotesAndMentions,
121
-
normalizedDocument,
122
-
} = useDocument();
123
let { identity } = useIdentityData();
124
125
let { drawerOpen, drawer, pageId } = useInteractionState(document_uri);
···
133
const tags = normalizedDocument.tags;
134
const tagCount = tags?.length || 0;
135
136
-
let interactionsAvailable =
137
-
props.showComments || props.showMentions || props.showRecommends;
138
-
139
return (
140
-
<div
141
-
className={`flex gap-[10px] text-tertiary text-sm item-center ${props.className}`}
142
-
>
143
-
{props.showRecommends === false ? null : (
144
-
<RecommendButton
145
-
documentUri={document_uri}
146
-
recommendsCount={props.recommendsCount}
147
-
/>
148
-
)}
149
150
-
{/*MENTIONS BUTTON*/}
151
{props.quotesCount === 0 || props.showMentions === false ? null : (
152
<button
153
-
className="flex w-fit gap-1 items-center"
154
onClick={() => {
155
if (!drawerOpen || drawer !== "quotes")
156
openInteractionDrawer("quotes", document_uri, props.pageId);
···
163
<QuoteTiny aria-hidden /> {props.quotesCount}
164
</button>
165
)}
166
-
{/*COMMENT BUTTON*/}
167
{props.showComments === false ? null : (
168
<button
169
-
className="flex gap-1 items-center w-fit"
170
onClick={() => {
171
if (!drawerOpen || drawer !== "comments" || pageId !== props.pageId)
172
openInteractionDrawer("comments", document_uri, props.pageId);
···
177
<CommentTiny aria-hidden /> {props.commentsCount}
178
</button>
179
)}
180
-
181
-
{tagCount > 0 && (
182
-
<>
183
-
{interactionsAvailable && <Separator classname="h-4!" />}
184
-
<TagPopover tags={tags} tagCount={tagCount} />
185
-
</>
186
-
)}
187
</div>
188
);
189
};
···
191
export const ExpandedInteractions = (props: {
192
quotesCount: number;
193
commentsCount: number;
194
-
recommendsCount: number;
195
className?: string;
196
showComments: boolean;
197
showMentions: boolean;
198
-
showRecommends: boolean;
199
pageId?: string;
200
}) => {
201
-
const {
202
-
uri: document_uri,
203
-
quotesAndMentions,
204
-
normalizedDocument,
205
-
publication,
206
-
leafletId,
207
-
} = useDocument();
208
let { identity } = useIdentityData();
209
210
let { drawerOpen, drawer, pageId } = useInteractionState(document_uri);
···
218
const tags = normalizedDocument.tags;
219
const tagCount = tags?.length || 0;
220
221
-
let noInteractions =
222
-
!props.showComments && !props.showMentions && !props.showRecommends;
223
224
let subscribed =
225
identity?.atp_did &&
···
228
(s) => s.identity === identity.atp_did,
229
);
230
231
return (
232
<div
233
className={`text-tertiary px-3 sm:px-4 flex flex-col ${props.className}`}
···
246
{noInteractions ? (
247
<div />
248
) : (
249
-
<div className="flex flex-col gap-2 just">
250
-
<div className="flex gap-2 sm:flex-row flex-col">
251
-
{props.showRecommends === false ? null : (
252
-
<RecommendButton
253
-
documentUri={document_uri}
254
-
recommendsCount={props.recommendsCount}
255
-
expanded
256
-
/>
257
-
)}
258
{props.quotesCount === 0 || !props.showMentions ? null : (
259
-
<ButtonSecondary
260
onClick={() => {
261
if (!drawerOpen || drawer !== "quotes")
262
openInteractionDrawer(
···
271
onTouchStart={handleQuotePrefetch}
272
aria-label="Post quotes"
273
>
274
-
<QuoteTiny aria-hidden /> {props.quotesCount}
275
-
<Separator classname="h-4! text-accent-contrast!" />
276
-
Mention{props.quotesCount > 1 ? "s" : ""}
277
-
</ButtonSecondary>
278
)}
279
{!props.showComments ? null : (
280
-
<ButtonSecondary
281
onClick={() => {
282
if (
283
!drawerOpen ||
···
295
aria-label="Post comments"
296
>
297
<CommentTiny aria-hidden />{" "}
298
-
{props.commentsCount > 0 && (
299
-
<>
300
-
{props.commentsCount}
301
-
<Separator classname="h-4! text-accent-contrast!" />
302
-
</>
303
)}
304
-
Comment{props.commentsCount > 1 ? "s" : ""}
305
-
</ButtonSecondary>
306
)}
307
</div>
308
-
{subscribed && publication && (
309
-
<ManageSubscription
310
-
base_url={getPublicationURL(publication)}
311
-
pub_uri={publication.uri}
312
-
subscribers={publication.publication_subscriptions}
313
-
/>
314
-
)}
315
-
</div>
316
)}
317
318
<EditButton publication={publication} leafletId={leafletId} />
319
</div>
320
</div>
321
);
···
349
</div>
350
);
351
};
352
-
export function getQuoteCount(
353
-
quotesAndMentions: { uri: string; link?: string }[],
354
-
pageId?: string,
355
-
) {
356
return getQuoteCountFromArray(quotesAndMentions, pageId);
357
}
358
···
377
}
378
}
379
380
-
export function getCommentCount(
381
-
comments: CommentOnDocument[],
382
-
pageId?: string,
383
-
) {
384
if (pageId)
385
return comments.filter(
386
(c) => (c.record as PubLeafletComment.Record)?.onPage === pageId,
···
404
return (
405
<a
406
href={`https://leaflet.pub/${props.leafletId}`}
407
-
className="flex gap-2 items-center hover:!no-underline selected-outline px-2 py-0.5 bg-accent-1 text-accent-2 font-bold w-fit rounded-md !border-accent-1 !outline-accent-1 h-fit"
408
>
409
<EditTiny /> Edit Post
410
</a>
···
18
import { ManageSubscription, SubscribeWithBluesky } from "app/lish/Subscribe";
19
import { EditTiny } from "components/Icons/EditTiny";
20
import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
21
22
export type InteractionState = {
23
drawerOpen: undefined | boolean;
···
105
export const Interactions = (props: {
106
quotesCount: number;
107
commentsCount: number;
108
className?: string;
109
showComments: boolean;
110
showMentions: boolean;
111
pageId?: string;
112
}) => {
113
+
const { uri: document_uri, quotesAndMentions, normalizedDocument } = useDocument();
114
let { identity } = useIdentityData();
115
116
let { drawerOpen, drawer, pageId } = useInteractionState(document_uri);
···
124
const tags = normalizedDocument.tags;
125
const tagCount = tags?.length || 0;
126
127
return (
128
+
<div className={`flex gap-2 text-tertiary text-sm ${props.className}`}>
129
+
{tagCount > 0 && <TagPopover tags={tags} tagCount={tagCount} />}
130
131
{props.quotesCount === 0 || props.showMentions === false ? null : (
132
<button
133
+
className="flex w-fit gap-2 items-center"
134
onClick={() => {
135
if (!drawerOpen || drawer !== "quotes")
136
openInteractionDrawer("quotes", document_uri, props.pageId);
···
143
<QuoteTiny aria-hidden /> {props.quotesCount}
144
</button>
145
)}
146
{props.showComments === false ? null : (
147
<button
148
+
className="flex gap-2 items-center w-fit"
149
onClick={() => {
150
if (!drawerOpen || drawer !== "comments" || pageId !== props.pageId)
151
openInteractionDrawer("comments", document_uri, props.pageId);
···
156
<CommentTiny aria-hidden /> {props.commentsCount}
157
</button>
158
)}
159
</div>
160
);
161
};
···
163
export const ExpandedInteractions = (props: {
164
quotesCount: number;
165
commentsCount: number;
166
className?: string;
167
showComments: boolean;
168
showMentions: boolean;
169
pageId?: string;
170
}) => {
171
+
const { uri: document_uri, quotesAndMentions, normalizedDocument, publication, leafletId } = useDocument();
172
let { identity } = useIdentityData();
173
174
let { drawerOpen, drawer, pageId } = useInteractionState(document_uri);
···
182
const tags = normalizedDocument.tags;
183
const tagCount = tags?.length || 0;
184
185
+
let noInteractions = !props.showComments && !props.showMentions;
186
187
let subscribed =
188
identity?.atp_did &&
···
191
(s) => s.identity === identity.atp_did,
192
);
193
194
+
let isAuthor =
195
+
identity &&
196
+
identity.atp_did === publication?.identity_did &&
197
+
leafletId;
198
+
199
return (
200
<div
201
className={`text-tertiary px-3 sm:px-4 flex flex-col ${props.className}`}
···
214
{noInteractions ? (
215
<div />
216
) : (
217
+
<>
218
+
<div className="flex gap-2">
219
{props.quotesCount === 0 || !props.showMentions ? null : (
220
+
<button
221
+
className="flex w-fit gap-2 items-center px-1 py-0.5 border border-border-light rounded-lg trasparent-outline selected-outline"
222
onClick={() => {
223
if (!drawerOpen || drawer !== "quotes")
224
openInteractionDrawer(
···
233
onTouchStart={handleQuotePrefetch}
234
aria-label="Post quotes"
235
>
236
+
<QuoteTiny aria-hidden /> {props.quotesCount}{" "}
237
+
<span
238
+
aria-hidden
239
+
>{`Mention${props.quotesCount === 1 ? "" : "s"}`}</span>
240
+
</button>
241
)}
242
{!props.showComments ? null : (
243
+
<button
244
+
className="flex gap-2 items-center w-fit px-1 py-0.5 border border-border-light rounded-lg trasparent-outline selected-outline"
245
onClick={() => {
246
if (
247
!drawerOpen ||
···
259
aria-label="Post comments"
260
>
261
<CommentTiny aria-hidden />{" "}
262
+
{props.commentsCount > 0 ? (
263
+
<span aria-hidden>
264
+
{`${props.commentsCount} Comment${props.commentsCount === 1 ? "" : "s"}`}
265
+
</span>
266
+
) : (
267
+
"Comment"
268
)}
269
+
</button>
270
)}
271
</div>
272
+
</>
273
)}
274
275
<EditButton publication={publication} leafletId={leafletId} />
276
+
{subscribed && publication && (
277
+
<ManageSubscription
278
+
base_url={getPublicationURL(publication)}
279
+
pub_uri={publication.uri}
280
+
subscribers={publication.publication_subscriptions}
281
+
/>
282
+
)}
283
</div>
284
</div>
285
);
···
313
</div>
314
);
315
};
316
+
export function getQuoteCount(quotesAndMentions: { uri: string; link?: string }[], pageId?: string) {
317
return getQuoteCountFromArray(quotesAndMentions, pageId);
318
}
319
···
338
}
339
}
340
341
+
export function getCommentCount(comments: CommentOnDocument[], pageId?: string) {
342
if (pageId)
343
return comments.filter(
344
(c) => (c.record as PubLeafletComment.Record)?.onPage === pageId,
···
362
return (
363
<a
364
href={`https://leaflet.pub/${props.leafletId}`}
365
+
className="flex gap-2 items-center hover:!no-underline selected-outline px-2 py-0.5 bg-accent-1 text-accent-2 font-bold w-fit rounded-lg !border-accent-1 !outline-accent-1"
366
>
367
<EditTiny /> Edit Post
368
</a>
+8
-2
app/lish/[did]/[publication]/[rkey]/Interactions/Quotes.tsx
+8
-2
app/lish/[did]/[publication]/[rkey]/Interactions/Quotes.tsx
···
86
});
87
88
return (
89
+
<div className="relative w-full flex justify-between ">
90
+
<button
91
+
className="text-tertiary absolute top-0 right-0"
92
+
onClick={() => setInteractionState(document_uri, { drawerOpen: false })}
93
+
>
94
+
<CloseTiny />
95
+
</button>
96
{props.quotesAndMentions.length === 0 ? (
97
<div className="opaque-container flex flex-col gap-0.5 p-[6px] text-tertiary italic text-sm text-center">
98
<div className="font-bold">no quotes yet!</div>
···
160
)}
161
</div>
162
)}
163
+
</div>
164
);
165
};
166
-156
app/lish/[did]/[publication]/[rkey]/Interactions/recommendAction.ts
-156
app/lish/[did]/[publication]/[rkey]/Interactions/recommendAction.ts
···
1
-
"use server";
2
-
3
-
import { AtpBaseClient, PubLeafletInteractionsRecommend } from "lexicons/api";
4
-
import { getIdentityData } from "actions/getIdentityData";
5
-
import { restoreOAuthSession, OAuthSessionError } from "src/atproto-oauth";
6
-
import { TID } from "@atproto/common";
7
-
import { AtUri, Un$Typed } from "@atproto/api";
8
-
import { supabaseServerClient } from "supabase/serverClient";
9
-
import { Json } from "supabase/database.types";
10
-
import { v7 } from "uuid";
11
-
import {
12
-
Notification,
13
-
pingIdentityToUpdateNotification,
14
-
} from "src/notifications";
15
-
16
-
type RecommendResult =
17
-
| { success: true; uri: string }
18
-
| {
19
-
success: false;
20
-
error: OAuthSessionError | { type: string; message: string };
21
-
};
22
-
23
-
export async function recommendAction(args: {
24
-
document: string;
25
-
}): Promise<RecommendResult> {
26
-
console.log("recommend action...");
27
-
let identity = await getIdentityData();
28
-
if (!identity || !identity.atp_did) {
29
-
return {
30
-
success: false,
31
-
error: {
32
-
type: "oauth_session_expired",
33
-
message: "Not authenticated",
34
-
did: "",
35
-
},
36
-
};
37
-
}
38
-
39
-
const sessionResult = await restoreOAuthSession(identity.atp_did);
40
-
if (!sessionResult.ok) {
41
-
return { success: false, error: sessionResult.error };
42
-
}
43
-
let credentialSession = sessionResult.value;
44
-
let agent = new AtpBaseClient(
45
-
credentialSession.fetchHandler.bind(credentialSession),
46
-
);
47
-
48
-
let record: Un$Typed<PubLeafletInteractionsRecommend.Record> = {
49
-
subject: args.document,
50
-
createdAt: new Date().toISOString(),
51
-
};
52
-
53
-
let rkey = TID.nextStr();
54
-
let uri = AtUri.make(
55
-
credentialSession.did!,
56
-
"pub.leaflet.interactions.recommend",
57
-
rkey,
58
-
);
59
-
60
-
await agent.pub.leaflet.interactions.recommend.create(
61
-
{ rkey, repo: credentialSession.did! },
62
-
record,
63
-
);
64
-
65
-
let res = await supabaseServerClient.from("recommends_on_documents").upsert({
66
-
uri: uri.toString(),
67
-
document: args.document,
68
-
recommender_did: credentialSession.did!,
69
-
record: {
70
-
$type: "pub.leaflet.interactions.recommend",
71
-
...record,
72
-
} as unknown as Json,
73
-
});
74
-
console.log(res);
75
-
76
-
// Notify the document owner
77
-
let documentOwner = new AtUri(args.document).host;
78
-
if (documentOwner !== credentialSession.did) {
79
-
let notification: Notification = {
80
-
id: v7(),
81
-
recipient: documentOwner,
82
-
data: {
83
-
type: "recommend",
84
-
document_uri: args.document,
85
-
recommend_uri: uri.toString(),
86
-
},
87
-
};
88
-
await supabaseServerClient.from("notifications").insert(notification);
89
-
await pingIdentityToUpdateNotification(documentOwner);
90
-
}
91
-
92
-
return {
93
-
success: true,
94
-
uri: uri.toString(),
95
-
};
96
-
}
97
-
98
-
export async function unrecommendAction(args: {
99
-
document: string;
100
-
}): Promise<RecommendResult> {
101
-
let identity = await getIdentityData();
102
-
if (!identity || !identity.atp_did) {
103
-
return {
104
-
success: false,
105
-
error: {
106
-
type: "oauth_session_expired",
107
-
message: "Not authenticated",
108
-
did: "",
109
-
},
110
-
};
111
-
}
112
-
113
-
const sessionResult = await restoreOAuthSession(identity.atp_did);
114
-
if (!sessionResult.ok) {
115
-
return { success: false, error: sessionResult.error };
116
-
}
117
-
let credentialSession = sessionResult.value;
118
-
let agent = new AtpBaseClient(
119
-
credentialSession.fetchHandler.bind(credentialSession),
120
-
);
121
-
122
-
// Find the existing recommend record
123
-
const { data: existingRecommend } = await supabaseServerClient
124
-
.from("recommends_on_documents")
125
-
.select("uri")
126
-
.eq("document", args.document)
127
-
.eq("recommender_did", credentialSession.did!)
128
-
.single();
129
-
130
-
if (!existingRecommend) {
131
-
return {
132
-
success: false,
133
-
error: {
134
-
type: "not_found",
135
-
message: "Recommend not found",
136
-
},
137
-
};
138
-
}
139
-
140
-
let uri = new AtUri(existingRecommend.uri);
141
-
142
-
await agent.pub.leaflet.interactions.recommend.delete({
143
-
rkey: uri.rkey,
144
-
repo: credentialSession.did!,
145
-
});
146
-
147
-
await supabaseServerClient
148
-
.from("recommends_on_documents")
149
-
.delete()
150
-
.eq("uri", existingRecommend.uri);
151
-
152
-
return {
153
-
success: true,
154
-
uri: existingRecommend.uri,
155
-
};
156
-
}
···
+1
-5
app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx
+1
-5
app/lish/[did]/[publication]/[rkey]/LinearDocumentPage.tsx
···
87
pageId={pageId}
88
showComments={preferences.showComments !== false}
89
showMentions={preferences.showMentions !== false}
90
-
showRecommends={preferences.showRecommends !== false}
91
-
commentsCount={
92
-
getCommentCount(document.comments_on_documents, pageId) || 0
93
-
}
94
quotesCount={getQuoteCount(document.quotesAndMentions, pageId) || 0}
95
-
recommendsCount={document.recommendsCount}
96
/>
97
{!hasPageBackground && <div className={`spacer h-8 w-full`} />}
98
</PageWrapper>
···
87
pageId={pageId}
88
showComments={preferences.showComments !== false}
89
showMentions={preferences.showMentions !== false}
90
+
commentsCount={getCommentCount(document.comments_on_documents, pageId) || 0}
91
quotesCount={getQuoteCount(document.quotesAndMentions, pageId) || 0}
92
/>
93
{!hasPageBackground && <div className={`spacer h-8 w-full`} />}
94
</PageWrapper>
+1
-2
app/lish/[did]/[publication]/[rkey]/PostContent.tsx
+1
-2
app/lish/[did]/[publication]/[rkey]/PostContent.tsx
···
32
import { PublishedPollBlock } from "./Blocks/PublishedPollBlock";
33
import { PollData } from "./fetchPollData";
34
import { ButtonPrimary } from "components/Buttons";
35
-
import { PostNotAvailable } from "components/Blocks/BlueskyPostBlock/BlueskyEmbed";
36
37
export function PostContent({
38
blocks,
···
171
case PubLeafletBlocksBskyPost.isMain(b.block): {
172
let uri = b.block.postRef.uri;
173
let post = bskyPostData.find((p) => p.uri === uri);
174
-
if (!post) return <PostNotAvailable />;
175
return (
176
<PubBlueskyPostBlock
177
post={post}
···
32
import { PublishedPollBlock } from "./Blocks/PublishedPollBlock";
33
import { PollData } from "./fetchPollData";
34
import { ButtonPrimary } from "components/Buttons";
35
36
export function PostContent({
37
blocks,
···
170
case PubLeafletBlocksBskyPost.isMain(b.block): {
171
let uri = b.block.postRef.uri;
172
let post = bskyPostData.find((p) => p.uri === uri);
173
+
if (!post) return <div>no prefetched post rip</div>;
174
return (
175
<PubBlueskyPostBlock
176
post={post}
+7
-20
app/lish/[did]/[publication]/[rkey]/PostHeader/PostHeader.tsx
+7
-20
app/lish/[did]/[publication]/[rkey]/PostHeader/PostHeader.tsx
···
18
export function PostHeader(props: {
19
data: PostPageData;
20
profile: ProfileViewDetailed;
21
-
preferences: {
22
-
showComments?: boolean;
23
-
showMentions?: boolean;
24
-
showRecommends?: boolean;
25
-
};
26
-
isCanvas?: boolean;
27
}) {
28
let { identity } = useIdentityData();
29
let document = props.data;
···
89
</>
90
) : null}
91
</div>
92
-
{!props.isCanvas && (
93
-
<Interactions
94
-
showComments={props.preferences.showComments !== false}
95
-
showMentions={props.preferences.showMentions !== false}
96
-
showRecommends={props.preferences.showRecommends !== false}
97
-
quotesCount={
98
-
getQuoteCount(document?.quotesAndMentions || []) || 0
99
-
}
100
-
commentsCount={
101
-
getCommentCount(document?.comments_on_documents || []) || 0
102
-
}
103
-
recommendsCount={document?.recommendsCount || 0}
104
-
/>
105
-
)}
106
</>
107
}
108
/>
···
18
export function PostHeader(props: {
19
data: PostPageData;
20
profile: ProfileViewDetailed;
21
+
preferences: { showComments?: boolean; showMentions?: boolean };
22
}) {
23
let { identity } = useIdentityData();
24
let document = props.data;
···
84
</>
85
) : null}
86
</div>
87
+
<Interactions
88
+
showComments={props.preferences.showComments !== false}
89
+
showMentions={props.preferences.showMentions !== false}
90
+
quotesCount={getQuoteCount(document?.quotesAndMentions || []) || 0}
91
+
commentsCount={getCommentCount(document?.comments_on_documents || []) || 0}
92
+
/>
93
</>
94
}
95
/>
+4
-6
app/lish/[did]/[publication]/[rkey]/PostPages.tsx
+4
-6
app/lish/[did]/[publication]/[rkey]/PostPages.tsx
···
170
preferences: {
171
showComments?: boolean;
172
showMentions?: boolean;
173
-
showRecommends?: boolean;
174
showPrevNext?: boolean;
175
};
176
pubRecord?: NormalizedPublication | null;
···
234
preferences: {
235
showComments?: boolean;
236
showMentions?: boolean;
237
-
showRecommends?: boolean;
238
showPrevNext?: boolean;
239
};
240
pollData: PollData[];
···
295
showPageBackground={pubRecord?.theme?.showPageBackground}
296
document_uri={document.uri}
297
comments={
298
-
preferences.showComments === false
299
? []
300
: document.comments_on_documents
301
}
302
quotesAndMentions={
303
-
preferences.showMentions === false
304
? []
305
: quotesAndMentions
306
}
···
387
pageId={page.id}
388
document_uri={document.uri}
389
comments={
390
-
preferences.showComments === false
391
? []
392
: document.comments_on_documents
393
}
394
quotesAndMentions={
395
-
preferences.showMentions === false
396
? []
397
: quotesAndMentions
398
}
···
170
preferences: {
171
showComments?: boolean;
172
showMentions?: boolean;
173
showPrevNext?: boolean;
174
};
175
pubRecord?: NormalizedPublication | null;
···
233
preferences: {
234
showComments?: boolean;
235
showMentions?: boolean;
236
showPrevNext?: boolean;
237
};
238
pollData: PollData[];
···
293
showPageBackground={pubRecord?.theme?.showPageBackground}
294
document_uri={document.uri}
295
comments={
296
+
pubRecord?.preferences?.showComments === false
297
? []
298
: document.comments_on_documents
299
}
300
quotesAndMentions={
301
+
pubRecord?.preferences?.showMentions === false
302
? []
303
: quotesAndMentions
304
}
···
385
pageId={page.id}
386
document_uri={document.uri}
387
comments={
388
+
pubRecord?.preferences?.showComments === false
389
? []
390
: document.comments_on_documents
391
}
392
quotesAndMentions={
393
+
pubRecord?.preferences?.showMentions === false
394
? []
395
: quotesAndMentions
396
}
+1
app/lish/[did]/[publication]/[rkey]/ThreadPage.tsx
+1
app/lish/[did]/[publication]/[rkey]/ThreadPage.tsx
+19
-36
app/lish/[did]/[publication]/[rkey]/getPostPageData.ts
+19
-36
app/lish/[did]/[publication]/[rkey]/getPostPageData.ts
···
3
import {
4
normalizeDocumentRecord,
5
normalizePublicationRecord,
6
} from "src/utils/normalizeRecords";
7
import { PubLeafletPublication, SiteStandardPublication } from "lexicons/api";
8
import { documentUriFilter } from "src/utils/uriHelpers";
9
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
10
11
export async function getPostPageData(did: string, rkey: string) {
12
let { data: documents } = await supabaseServerClient
···
21
publication_subscriptions(*))
22
),
23
document_mentions_in_bsky(*),
24
-
leaflets_in_publications(*),
25
-
recommends_on_documents(count)
26
`,
27
)
28
.or(documentUriFilter(did, rkey))
···
33
if (!document) return null;
34
35
// Normalize the document record - this is the primary way consumers should access document data
36
-
const normalizedDocument = normalizeDocumentRecord(
37
-
document.data,
38
-
document.uri,
39
-
);
40
if (!normalizedDocument) return null;
41
42
// Normalize the publication record - this is the primary way consumers should access publication data
43
const normalizedPublication = normalizePublicationRecord(
44
-
document.documents_in_publications[0]?.publications?.record,
45
);
46
47
// Fetch constellation backlinks for mentions
48
-
const postUrl = getDocumentURL(normalizedDocument, document.uri, normalizedPublication);
49
-
// Constellation needs an absolute URL
50
-
const absolutePostUrl = postUrl.startsWith("/")
51
-
? `https://leaflet.pub${postUrl}`
52
-
: postUrl;
53
-
const constellationBacklinks = await getConstellationBacklinks(absolutePostUrl);
54
55
// Deduplicate constellation backlinks (same post could appear in both links and embeds)
56
const uniqueBacklinks = Array.from(
···
87
// Filter and sort documents by publishedAt
88
const sortedDocs = allDocs
89
.map((dip) => {
90
-
const normalizedData = normalizeDocumentRecord(
91
-
dip?.documents?.data,
92
-
dip?.documents?.uri,
93
-
);
94
return {
95
uri: dip?.documents?.uri,
96
title: normalizedData?.title,
···
105
);
106
107
// Find current document index
108
-
const currentIndex = sortedDocs.findIndex(
109
-
(doc) => doc.uri === document.uri,
110
-
);
111
112
if (currentIndex !== -1) {
113
prevNext = {
···
131
132
// Build explicit publication context for consumers
133
const rawPub = document.documents_in_publications[0]?.publications;
134
-
const publication = rawPub
135
-
? {
136
-
uri: rawPub.uri,
137
-
name: rawPub.name,
138
-
identity_did: rawPub.identity_did,
139
-
record: rawPub.record as
140
-
| PubLeafletPublication.Record
141
-
| SiteStandardPublication.Record
142
-
| null,
143
-
publication_subscriptions: rawPub.publication_subscriptions || [],
144
-
}
145
-
: null;
146
-
const recommendsCount = document.recommends_on_documents?.[0]?.count ?? 0;
147
148
return {
149
...document,
···
158
comments: document.comments_on_documents,
159
mentions: document.document_mentions_in_bsky,
160
leafletId: document.leaflets_in_publications[0]?.leaflet || null,
161
-
// Recommends data
162
-
recommendsCount,
163
};
164
}
165
···
3
import {
4
normalizeDocumentRecord,
5
normalizePublicationRecord,
6
+
type NormalizedDocument,
7
+
type NormalizedPublication,
8
} from "src/utils/normalizeRecords";
9
import { PubLeafletPublication, SiteStandardPublication } from "lexicons/api";
10
import { documentUriFilter } from "src/utils/uriHelpers";
11
12
export async function getPostPageData(did: string, rkey: string) {
13
let { data: documents } = await supabaseServerClient
···
22
publication_subscriptions(*))
23
),
24
document_mentions_in_bsky(*),
25
+
leaflets_in_publications(*)
26
`,
27
)
28
.or(documentUriFilter(did, rkey))
···
33
if (!document) return null;
34
35
// Normalize the document record - this is the primary way consumers should access document data
36
+
const normalizedDocument = normalizeDocumentRecord(document.data, document.uri);
37
if (!normalizedDocument) return null;
38
39
// Normalize the publication record - this is the primary way consumers should access publication data
40
const normalizedPublication = normalizePublicationRecord(
41
+
document.documents_in_publications[0]?.publications?.record
42
);
43
44
// Fetch constellation backlinks for mentions
45
+
let aturi = new AtUri(document.uri);
46
+
const postUrl = normalizedPublication
47
+
? `${normalizedPublication.url}/${aturi.rkey}`
48
+
: `https://leaflet.pub/p/${aturi.host}/${aturi.rkey}`;
49
+
const constellationBacklinks = await getConstellationBacklinks(postUrl);
50
51
// Deduplicate constellation backlinks (same post could appear in both links and embeds)
52
const uniqueBacklinks = Array.from(
···
83
// Filter and sort documents by publishedAt
84
const sortedDocs = allDocs
85
.map((dip) => {
86
+
const normalizedData = normalizeDocumentRecord(dip?.documents?.data, dip?.documents?.uri);
87
return {
88
uri: dip?.documents?.uri,
89
title: normalizedData?.title,
···
98
);
99
100
// Find current document index
101
+
const currentIndex = sortedDocs.findIndex((doc) => doc.uri === document.uri);
102
103
if (currentIndex !== -1) {
104
prevNext = {
···
122
123
// Build explicit publication context for consumers
124
const rawPub = document.documents_in_publications[0]?.publications;
125
+
const publication = rawPub ? {
126
+
uri: rawPub.uri,
127
+
name: rawPub.name,
128
+
identity_did: rawPub.identity_did,
129
+
record: rawPub.record as PubLeafletPublication.Record | SiteStandardPublication.Record | null,
130
+
publication_subscriptions: rawPub.publication_subscriptions || [],
131
+
} : null;
132
133
return {
134
...document,
···
143
comments: document.comments_on_documents,
144
mentions: document.document_mentions_in_bsky,
145
leafletId: document.leaflets_in_publications[0]?.leaflet || null,
146
};
147
}
148
+45
-1
app/lish/[did]/[publication]/dashboard/Actions.tsx
+45
-1
app/lish/[did]/[publication]/dashboard/Actions.tsx
···
10
import { useSmoker } from "components/Toast";
11
import { useIsMobile } from "src/hooks/isMobile";
12
import { SpeedyLink } from "components/SpeedyLink";
13
14
export const Actions = (props: { publication: string }) => {
15
return (
16
<>
17
<NewDraftActionButton publication={props.publication} />
18
<PublicationShareButton />
19
<PublicationSettingsButton publication={props.publication} />
20
</>
21
);
22
};
···
38
icon=<ShareSmall />
39
label="Share"
40
onClick={() => {}}
41
-
smallOnMobile
42
/>
43
}
44
>
···
77
</Menu>
78
);
79
}
···
10
import { useSmoker } from "components/Toast";
11
import { useIsMobile } from "src/hooks/isMobile";
12
import { SpeedyLink } from "components/SpeedyLink";
13
+
import { ButtonSecondary, ButtonTertiary } from "components/Buttons";
14
+
import { UpgradeModal } from "../UpgradeModal";
15
+
import { LeafletPro } from "components/Icons/LeafletPro";
16
17
export const Actions = (props: { publication: string }) => {
18
return (
19
<>
20
<NewDraftActionButton publication={props.publication} />
21
+
<MobileUpgrade />
22
+
23
<PublicationShareButton />
24
<PublicationSettingsButton publication={props.publication} />
25
+
<DesktopUpgrade />
26
</>
27
);
28
};
···
44
icon=<ShareSmall />
45
label="Share"
46
onClick={() => {}}
47
/>
48
}
49
>
···
82
</Menu>
83
);
84
}
85
+
86
+
const MobileUpgrade = () => {
87
+
return (
88
+
<UpgradeModal
89
+
asChild
90
+
trigger={
91
+
<ActionButton
92
+
label="Upgrade to Leaflet Pro"
93
+
icon={<LeafletPro />}
94
+
className={`sm:hidden block bg-[var(--accent-light)]!`}
95
+
style={{ backgroundColor: "var(--accent-light) important!" }}
96
+
/>
97
+
}
98
+
/>
99
+
);
100
+
};
101
+
102
+
const DesktopUpgrade = () => {
103
+
return (
104
+
<div
105
+
style={{ backgroundColor: "var(--accent-light)" }}
106
+
className=" rounded-md mt-2 pt-2 pb-3 px-3 sm:block hidden"
107
+
>
108
+
<h4 className="text-accent-contrast text-sm">Get Leaflet Pro</h4>
109
+
<div className="text-xs text-secondary mb-2">
110
+
<strong>Analytics!</strong> Emails and membership soon.
111
+
</div>
112
+
<UpgradeModal
113
+
asChild
114
+
trigger={
115
+
<ButtonSecondary fullWidth compact className="text-sm!">
116
+
Learn more
117
+
</ButtonSecondary>
118
+
}
119
+
/>
120
+
<ButtonTertiary className="mx-auto text-sm">Dismiss</ButtonTertiary>
121
+
</div>
122
+
);
123
+
};
+8
-2
app/lish/[did]/[publication]/dashboard/DraftList.tsx
+8
-2
app/lish/[did]/[publication]/dashboard/DraftList.tsx
···
1
"use client";
2
3
import React from "react";
4
import {
5
usePublicationData,
···
21
if (!normalizedPubRecord) return null;
22
23
return (
24
-
<div className="flex flex-col">
25
<LeafletList
26
searchValue={props.searchValue}
27
showPreview={false}
···
54
),
55
}}
56
/>
57
-
<div className="spacer h-16 w-full bg-transparent shrink-0 " />
58
</div>
59
);
60
}
···
1
"use client";
2
3
+
import { NewDraftSecondaryButton } from "./NewDraftButton";
4
import React from "react";
5
import {
6
usePublicationData,
···
22
if (!normalizedPubRecord) return null;
23
24
return (
25
+
<div className="flex flex-col gap-4">
26
+
<NewDraftSecondaryButton
27
+
fullWidth
28
+
publication={pub_data?.publication?.uri}
29
+
/>
30
+
31
<LeafletList
32
searchValue={props.searchValue}
33
showPreview={false}
···
60
),
61
}}
62
/>
63
+
<div className="spacer h-12 w-full bg-transparent shrink-0 " />
64
</div>
65
);
66
}
+23
-3
app/lish/[did]/[publication]/dashboard/NewDraftButton.tsx
+23
-3
app/lish/[did]/[publication]/dashboard/NewDraftButton.tsx
···
16
let newLeaflet = await createPublicationDraft(props.publication);
17
router.push(`/${newLeaflet}`);
18
}}
19
+
icon=<AddTiny className="m-1 shrink-0" />
20
+
label="New"
21
/>
22
);
23
}
24
+
25
+
export function NewDraftSecondaryButton(props: {
26
+
publication: string;
27
+
fullWidth?: boolean;
28
+
}) {
29
+
let router = useRouter();
30
+
31
+
return (
32
+
<ButtonSecondary
33
+
fullWidth={props.fullWidth}
34
+
id="new-leaflet-button"
35
+
onClick={async () => {
36
+
let newLeaflet = await createPublicationDraft(props.publication);
37
+
router.push(`/${newLeaflet}`);
38
+
}}
39
+
>
40
+
<AddTiny className="m-1 shrink-0" />
41
+
<span>New Draft</span>
42
+
</ButtonSecondary>
43
+
);
44
+
}
+9
app/lish/[did]/[publication]/dashboard/PublicationAnalytics.tsx
+9
app/lish/[did]/[publication]/dashboard/PublicationAnalytics.tsx
+6
-2
app/lish/[did]/[publication]/dashboard/PublicationDashboard.tsx
+6
-2
app/lish/[did]/[publication]/dashboard/PublicationDashboard.tsx
···
12
} from "components/PageLayouts/DashboardLayout";
13
import { useDebouncedEffect } from "src/hooks/useDebouncedEffect";
14
import { type NormalizedPublication } from "src/utils/normalizeRecords";
15
16
export default function PublicationDashboard({
17
publication,
···
55
/>
56
),
57
},
58
-
Published: {
59
content: (
60
<PublishedPostsList
61
searchValue={debouncedSearchValue}
···
72
),
73
controls: null,
74
},
75
}}
76
actions={<Actions publication={publication.uri} />}
77
currentPage="pub"
78
publication={publication.uri}
79
-
pageTitle={record.name}
80
/>
81
);
82
}
···
12
} from "components/PageLayouts/DashboardLayout";
13
import { useDebouncedEffect } from "src/hooks/useDebouncedEffect";
14
import { type NormalizedPublication } from "src/utils/normalizeRecords";
15
+
import { PublicationAnalytics } from "./PublicationAnalytics";
16
17
export default function PublicationDashboard({
18
publication,
···
56
/>
57
),
58
},
59
+
Posts: {
60
content: (
61
<PublishedPostsList
62
searchValue={debouncedSearchValue}
···
73
),
74
controls: null,
75
},
76
+
Analytics: {
77
+
content: <PublicationAnalytics />,
78
+
controls: null,
79
+
},
80
}}
81
actions={<Actions publication={publication.uri} />}
82
currentPage="pub"
83
publication={publication.uri}
84
/>
85
);
86
}
+3
-3
app/lish/[did]/[publication]/dashboard/PublicationSWRProvider.tsx
+3
-3
app/lish/[did]/[publication]/dashboard/PublicationSWRProvider.tsx
···
12
13
// Derive all types from the RPC return type
14
export type PublicationData = GetPublicationDataReturnType["result"];
15
-
export type PublishedDocument =
16
-
NonNullable<PublicationData>["documents"][number];
17
export type PublicationDraft = NonNullable<PublicationData>["drafts"][number];
18
19
const PublicationContext = createContext({ name: "", did: "" });
···
25
}) {
26
let key = `publication-data-${props.publication_did}-${props.publication_rkey}`;
27
useEffect(() => {
28
mutate(key, props.publication_data);
29
}, [props.publication_data]);
30
return (
···
64
const { data } = usePublicationData();
65
return useMemo(
66
() => normalizePublicationRecord(data?.publication?.record),
67
-
[data?.publication?.record],
68
);
69
}
70
···
12
13
// Derive all types from the RPC return type
14
export type PublicationData = GetPublicationDataReturnType["result"];
15
+
export type PublishedDocument = NonNullable<PublicationData>["documents"][number];
16
export type PublicationDraft = NonNullable<PublicationData>["drafts"][number];
17
18
const PublicationContext = createContext({ name: "", did: "" });
···
24
}) {
25
let key = `publication-data-${props.publication_did}-${props.publication_rkey}`;
26
useEffect(() => {
27
+
console.log("UPDATING");
28
mutate(key, props.publication_data);
29
}, [props.publication_data]);
30
return (
···
64
const { data } = usePublicationData();
65
return useMemo(
66
() => normalizePublicationRecord(data?.publication?.record),
67
+
[data?.publication?.record]
68
);
69
}
70
+11
-15
app/lish/[did]/[publication]/dashboard/PublishedPostsLists.tsx
+11
-15
app/lish/[did]/[publication]/dashboard/PublishedPostsLists.tsx
···
9
} from "./PublicationSWRProvider";
10
import { Fragment } from "react";
11
import { useParams } from "next/navigation";
12
-
import { getPublicationURL, getDocumentURL } from "app/lish/createPub/getPublicationURL";
13
import { SpeedyLink } from "components/SpeedyLink";
14
import { InteractionPreview } from "components/InteractionsPreview";
15
import { useLocalizedDate } from "src/hooks/useLocalizedDate";
···
60
61
function PublishedPostItem(props: {
62
doc: PublishedDocument;
63
-
publication: NonNullable<
64
-
NonNullable<ReturnType<typeof usePublicationData>["data"]>["publication"]
65
-
>;
66
pubRecord: ReturnType<typeof useNormalizedPublicationRecord>;
67
showPageBackground: boolean;
68
}) {
···
71
const leaflet = publication.leaflets_in_publications.find(
72
(l) => l.doc === doc.uri,
73
);
74
-
const docUrl = getDocumentURL(doc.record, doc.uri, publication);
75
76
return (
77
<Fragment>
···
88
<a
89
className="hover:no-underline!"
90
target="_blank"
91
-
href={docUrl}
92
>
93
<h3 className="text-primary grow leading-snug">
94
{doc.record.title}
···
97
<div className="flex justify-start align-top flex-row gap-1">
98
{leaflet && leaflet.permission_tokens && (
99
<>
100
-
<SpeedyLink className="pt-[6px]" href={`/${leaflet.leaflet}`}>
101
<EditTiny />
102
</SpeedyLink>
103
···
113
indexed_at: doc.indexed_at,
114
sort_date: doc.sort_date,
115
data: doc.data,
116
-
bsky_like_count: doc.bsky_like_count ?? 0,
117
-
indexed: true,
118
-
recommend_count: doc.recommendsCount ?? 0,
119
},
120
},
121
],
···
132
</div>
133
134
{doc.record.description ? (
135
-
<p className="italic text-secondary">{doc.record.description}</p>
136
) : null}
137
<div className="text-sm text-tertiary flex gap-3 justify-between sm:justify-start items-center pt-3">
138
{doc.record.publishedAt ? (
···
141
<InteractionPreview
142
quotesCount={doc.mentionsCount}
143
commentsCount={doc.commentsCount}
144
-
recommendsCount={doc.recommendsCount}
145
-
documentUri={doc.uri}
146
tags={doc.record.tags || []}
147
showComments={pubRecord?.preferences?.showComments !== false}
148
showMentions={pubRecord?.preferences?.showMentions !== false}
149
-
showRecommends={pubRecord?.preferences?.showRecommends !== false}
150
-
postUrl={docUrl}
151
/>
152
</div>
153
</div>
···
9
} from "./PublicationSWRProvider";
10
import { Fragment } from "react";
11
import { useParams } from "next/navigation";
12
+
import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
13
import { SpeedyLink } from "components/SpeedyLink";
14
import { InteractionPreview } from "components/InteractionsPreview";
15
import { useLocalizedDate } from "src/hooks/useLocalizedDate";
···
60
61
function PublishedPostItem(props: {
62
doc: PublishedDocument;
63
+
publication: NonNullable<NonNullable<ReturnType<typeof usePublicationData>["data"]>["publication"]>;
64
pubRecord: ReturnType<typeof useNormalizedPublicationRecord>;
65
showPageBackground: boolean;
66
}) {
···
69
const leaflet = publication.leaflets_in_publications.find(
70
(l) => l.doc === doc.uri,
71
);
72
73
return (
74
<Fragment>
···
85
<a
86
className="hover:no-underline!"
87
target="_blank"
88
+
href={`${getPublicationURL(publication)}/${uri.rkey}`}
89
>
90
<h3 className="text-primary grow leading-snug">
91
{doc.record.title}
···
94
<div className="flex justify-start align-top flex-row gap-1">
95
{leaflet && leaflet.permission_tokens && (
96
<>
97
+
<SpeedyLink
98
+
className="pt-[6px]"
99
+
href={`/${leaflet.leaflet}`}
100
+
>
101
<EditTiny />
102
</SpeedyLink>
103
···
113
indexed_at: doc.indexed_at,
114
sort_date: doc.sort_date,
115
data: doc.data,
116
},
117
},
118
],
···
129
</div>
130
131
{doc.record.description ? (
132
+
<p className="italic text-secondary">
133
+
{doc.record.description}
134
+
</p>
135
) : null}
136
<div className="text-sm text-tertiary flex gap-3 justify-between sm:justify-start items-center pt-3">
137
{doc.record.publishedAt ? (
···
140
<InteractionPreview
141
quotesCount={doc.mentionsCount}
142
commentsCount={doc.commentsCount}
143
tags={doc.record.tags || []}
144
showComments={pubRecord?.preferences?.showComments !== false}
145
showMentions={pubRecord?.preferences?.showMentions !== false}
146
+
postUrl={`${getPublicationURL(publication)}/${uri.rkey}`}
147
/>
148
</div>
149
</div>
+1
-21
app/lish/[did]/[publication]/dashboard/settings/PostOptions.tsx
+1
-21
app/lish/[did]/[publication]/dashboard/settings/PostOptions.tsx
···
29
? true
30
: record.preferences.showMentions,
31
);
32
-
let [showRecommends, setShowRecommends] = useState(
33
-
record?.preferences?.showRecommends === undefined
34
-
? true
35
-
: record.preferences.showRecommends,
36
-
);
37
let [showPrevNext, setShowPrevNext] = useState(
38
record?.preferences?.showPrevNext === undefined
39
? true
···
58
showComments: showComments,
59
showMentions: showMentions,
60
showPrevNext: showPrevNext,
61
-
showRecommends: showRecommends,
62
},
63
});
64
toast({ type: "success", content: <strong>Posts Updated!</strong> });
···
105
<div className="flex flex-col justify-start">
106
<div className="font-bold">Show Mentions</div>
107
<div className="text-tertiary text-sm leading-tight">
108
-
Display a list of Bluesky mentions about your post
109
-
</div>
110
-
</div>
111
-
</Toggle>
112
-
113
-
<Toggle
114
-
toggle={showRecommends}
115
-
onToggle={() => {
116
-
setShowRecommends(!showRecommends);
117
-
}}
118
-
>
119
-
<div className="flex flex-col justify-start">
120
-
<div className="font-bold">Show Recommends</div>
121
-
<div className="text-tertiary text-sm leading-tight">
122
-
Allow readers to recommend/like your post
123
</div>
124
</div>
125
</Toggle>
···
29
? true
30
: record.preferences.showMentions,
31
);
32
let [showPrevNext, setShowPrevNext] = useState(
33
record?.preferences?.showPrevNext === undefined
34
? true
···
53
showComments: showComments,
54
showMentions: showMentions,
55
showPrevNext: showPrevNext,
56
},
57
});
58
toast({ type: "success", content: <strong>Posts Updated!</strong> });
···
99
<div className="flex flex-col justify-start">
100
<div className="font-bold">Show Mentions</div>
101
<div className="text-tertiary text-sm leading-tight">
102
+
Display a list of posts on Bluesky that mention your post
103
</div>
104
</div>
105
</Toggle>
-1
app/lish/[did]/[publication]/dashboard/settings/PublicationSettings.tsx
-1
app/lish/[did]/[publication]/dashboard/settings/PublicationSettings.tsx
+37
-46
app/lish/[did]/[publication]/generateFeed.ts
+37
-46
app/lish/[did]/[publication]/generateFeed.ts
···
11
hasLeafletContent,
12
} from "src/utils/normalizeRecords";
13
import { publicationNameOrUriFilter } from "src/utils/uriHelpers";
14
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
15
16
export async function generateFeed(
17
did: string,
···
53
},
54
});
55
56
-
let docs = publication.documents_in_publications.sort((a, b) => {
57
-
const dateA = a.documents?.sort_date
58
-
? new Date(a.documents.sort_date).getTime()
59
-
: 0;
60
-
const dateB = b.documents?.sort_date
61
-
? new Date(b.documents.sort_date).getTime()
62
-
: 0;
63
-
return dateB - dateA; // Sort in descending order (newest first)
64
-
});
65
-
for (const doc of docs) {
66
-
if (!doc.documents) continue;
67
-
const record = normalizeDocumentRecord(
68
-
doc.documents?.data,
69
-
doc.documents?.uri,
70
-
);
71
-
const uri = new AtUri(doc.documents?.uri);
72
-
const rkey = uri.rkey;
73
-
if (!record) continue;
74
75
-
let blocks: PubLeafletPagesLinearDocument.Block[] = [];
76
-
if (hasLeafletContent(record) && record.content.pages[0]) {
77
-
const firstPage = record.content.pages[0];
78
-
if (PubLeafletPagesLinearDocument.isMain(firstPage)) {
79
-
blocks = firstPage.blocks || [];
80
}
81
-
}
82
-
const stream = await renderToReadableStream(
83
-
createElement(StaticPostContent, { blocks, did: uri.host }),
84
-
);
85
-
const reader = stream.getReader();
86
-
const chunks = [];
87
88
-
let done, value;
89
-
while (!done) {
90
-
({ done, value } = await reader.read());
91
-
if (value) {
92
-
chunks.push(new TextDecoder().decode(value));
93
}
94
-
}
95
96
-
const docUrl = getDocumentURL(record, doc.documents.uri, pubRecord);
97
-
feed.addItem({
98
-
title: record.title,
99
-
description: record.description,
100
-
date: record.publishedAt ? new Date(record.publishedAt) : new Date(),
101
-
id: docUrl,
102
-
link: docUrl,
103
-
content: chunks.join(""),
104
-
});
105
-
}
106
107
return feed;
108
}
···
11
hasLeafletContent,
12
} from "src/utils/normalizeRecords";
13
import { publicationNameOrUriFilter } from "src/utils/uriHelpers";
14
15
export async function generateFeed(
16
did: string,
···
52
},
53
});
54
55
+
await Promise.all(
56
+
publication.documents_in_publications.map(async (doc) => {
57
+
if (!doc.documents) return;
58
+
const record = normalizeDocumentRecord(
59
+
doc.documents?.data,
60
+
doc.documents?.uri,
61
+
);
62
+
const uri = new AtUri(doc.documents?.uri);
63
+
const rkey = uri.rkey;
64
+
if (!record) return;
65
66
+
let blocks: PubLeafletPagesLinearDocument.Block[] = [];
67
+
if (hasLeafletContent(record) && record.content.pages[0]) {
68
+
const firstPage = record.content.pages[0];
69
+
if (PubLeafletPagesLinearDocument.isMain(firstPage)) {
70
+
blocks = firstPage.blocks || [];
71
+
}
72
}
73
+
const stream = await renderToReadableStream(
74
+
createElement(StaticPostContent, { blocks, did: uri.host }),
75
+
);
76
+
const reader = stream.getReader();
77
+
const chunks = [];
78
79
+
let done, value;
80
+
while (!done) {
81
+
({ done, value } = await reader.read());
82
+
if (value) {
83
+
chunks.push(new TextDecoder().decode(value));
84
+
}
85
}
86
87
+
feed.addItem({
88
+
title: record.title,
89
+
description: record.description,
90
+
date: record.publishedAt ? new Date(record.publishedAt) : new Date(),
91
+
id: `${pubRecord.url}/${rkey}`,
92
+
link: `${pubRecord.url}/${rkey}`,
93
+
content: chunks.join(""),
94
+
});
95
+
}),
96
+
);
97
98
return feed;
99
}
+11
-18
app/lish/[did]/[publication]/page.tsx
+11
-18
app/lish/[did]/[publication]/page.tsx
···
1
import { supabaseServerClient } from "supabase/serverClient";
2
import { AtUri } from "@atproto/syntax";
3
-
import { getPublicationURL, getDocumentURL } from "app/lish/createPub/getPublicationURL";
4
import { BskyAgent } from "@atproto/api";
5
import { publicationNameOrUriFilter } from "src/utils/uriHelpers";
6
import { SubscribeWithBluesky } from "app/lish/Subscribe";
···
38
documents_in_publications(documents(
39
*,
40
comments_on_documents(count),
41
-
document_mentions_in_bsky(count),
42
-
recommends_on_documents(count)
43
))
44
`,
45
)
···
120
})
121
.map((doc) => {
122
if (!doc.documents) return null;
123
-
const doc_record = normalizeDocumentRecord(
124
-
doc.documents.data,
125
-
);
126
if (!doc_record) return null;
127
let uri = new AtUri(doc.documents.uri);
128
let quotes =
···
131
record?.preferences?.showComments === false
132
? 0
133
: doc.documents.comments_on_documents[0].count || 0;
134
-
let recommends =
135
-
doc.documents.recommends_on_documents?.[0]?.count || 0;
136
let tags = doc_record.tags || [];
137
138
-
const docUrl = getDocumentURL(doc_record, doc.documents.uri, publication);
139
return (
140
<React.Fragment key={doc.documents?.uri}>
141
<div className="flex w-full grow flex-col ">
142
<SpeedyLink
143
-
href={docUrl}
144
className="publishedPost hover:no-underline! flex flex-col"
145
>
146
<h3 className="text-primary">{doc_record.title}</h3>
···
149
</p>
150
</SpeedyLink>
151
152
-
<div className="justify-between w-full text-sm text-tertiary flex gap-1 flex-wrap pt-2 items-center">
153
<p className="text-sm text-tertiary ">
154
{doc_record.publishedAt && (
155
<LocalizedDate
···
162
/>
163
)}{" "}
164
</p>
165
-
166
<InteractionPreview
167
quotesCount={quotes}
168
commentsCount={comments}
169
-
recommendsCount={recommends}
170
-
documentUri={doc.documents.uri}
171
tags={tags}
172
-
postUrl={docUrl}
173
showComments={
174
record?.preferences?.showComments !== false
175
}
176
showMentions={
177
record?.preferences?.showMentions !== false
178
-
}
179
-
showRecommends={
180
-
record?.preferences?.showRecommends !== false
181
}
182
/>
183
</div>
···
1
import { supabaseServerClient } from "supabase/serverClient";
2
import { AtUri } from "@atproto/syntax";
3
+
import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
4
import { BskyAgent } from "@atproto/api";
5
import { publicationNameOrUriFilter } from "src/utils/uriHelpers";
6
import { SubscribeWithBluesky } from "app/lish/Subscribe";
···
38
documents_in_publications(documents(
39
*,
40
comments_on_documents(count),
41
+
document_mentions_in_bsky(count)
42
))
43
`,
44
)
···
119
})
120
.map((doc) => {
121
if (!doc.documents) return null;
122
+
const doc_record = normalizeDocumentRecord(doc.documents.data);
123
if (!doc_record) return null;
124
let uri = new AtUri(doc.documents.uri);
125
let quotes =
···
128
record?.preferences?.showComments === false
129
? 0
130
: doc.documents.comments_on_documents[0].count || 0;
131
let tags = doc_record.tags || [];
132
133
return (
134
<React.Fragment key={doc.documents?.uri}>
135
<div className="flex w-full grow flex-col ">
136
<SpeedyLink
137
+
href={`${getPublicationURL(publication)}/${uri.rkey}`}
138
className="publishedPost hover:no-underline! flex flex-col"
139
>
140
<h3 className="text-primary">{doc_record.title}</h3>
···
143
</p>
144
</SpeedyLink>
145
146
+
<div className="text-sm text-tertiary flex gap-1 flex-wrap pt-2 items-center">
147
<p className="text-sm text-tertiary ">
148
{doc_record.publishedAt && (
149
<LocalizedDate
···
156
/>
157
)}{" "}
158
</p>
159
+
{comments > 0 || quotes > 0 || tags.length > 0 ? (
160
+
<Separator classname="h-4! mx-1" />
161
+
) : (
162
+
""
163
+
)}
164
<InteractionPreview
165
quotesCount={quotes}
166
commentsCount={comments}
167
tags={tags}
168
+
postUrl={`${getPublicationURL(publication)}/${uri.rkey}`}
169
showComments={
170
record?.preferences?.showComments !== false
171
}
172
showMentions={
173
record?.preferences?.showMentions !== false
174
}
175
/>
176
</div>
-1
app/lish/createPub/CreatePubForm.tsx
-1
app/lish/createPub/CreatePubForm.tsx
+2
-1
app/lish/createPub/UpdatePubForm.tsx
+2
-1
app/lish/createPub/UpdatePubForm.tsx
+9
-23
app/lish/createPub/createPublication.ts
+9
-23
app/lish/createPub/createPublication.ts
···
5
PubLeafletPublication,
6
SiteStandardPublication,
7
} from "lexicons/api";
8
-
import { restoreOAuthSession, OAuthSessionError } from "src/atproto-oauth";
9
import { getIdentityData } from "actions/getIdentityData";
10
import { supabaseServerClient } from "supabase/serverClient";
11
import { Json } from "supabase/database.types";
···
73
74
// Build record based on publication type
75
let record: SiteStandardPublication.Record | PubLeafletPublication.Record;
76
-
let iconBlob:
77
-
| Awaited<
78
-
ReturnType<typeof agent.com.atproto.repo.uploadBlob>
79
-
>["data"]["blob"]
80
-
| undefined;
81
82
// Upload the icon if provided
83
if (iconFile && iconFile.size > 0) {
···
98
...(iconBlob && { icon: iconBlob }),
99
basicTheme: {
100
$type: "site.standard.theme.basic",
101
-
background: {
102
-
$type: "site.standard.theme.color#rgb",
103
-
...PubThemeDefaultsRGB.background,
104
-
},
105
-
foreground: {
106
-
$type: "site.standard.theme.color#rgb",
107
-
...PubThemeDefaultsRGB.foreground,
108
-
},
109
-
accent: {
110
-
$type: "site.standard.theme.color#rgb",
111
-
...PubThemeDefaultsRGB.accent,
112
-
},
113
-
accentForeground: {
114
-
$type: "site.standard.theme.color#rgb",
115
-
...PubThemeDefaultsRGB.accentForeground,
116
-
},
117
},
118
preferences: {
119
showInDiscover: preferences.showInDiscover,
120
showComments: preferences.showComments,
121
showMentions: preferences.showMentions,
122
showPrevNext: preferences.showPrevNext,
123
-
showRecommends: preferences.showRecommends,
124
},
125
} satisfies SiteStandardPublication.Record;
126
} else {
···
5
PubLeafletPublication,
6
SiteStandardPublication,
7
} from "lexicons/api";
8
+
import {
9
+
restoreOAuthSession,
10
+
OAuthSessionError,
11
+
} from "src/atproto-oauth";
12
import { getIdentityData } from "actions/getIdentityData";
13
import { supabaseServerClient } from "supabase/serverClient";
14
import { Json } from "supabase/database.types";
···
76
77
// Build record based on publication type
78
let record: SiteStandardPublication.Record | PubLeafletPublication.Record;
79
+
let iconBlob: Awaited<ReturnType<typeof agent.com.atproto.repo.uploadBlob>>["data"]["blob"] | undefined;
80
81
// Upload the icon if provided
82
if (iconFile && iconFile.size > 0) {
···
97
...(iconBlob && { icon: iconBlob }),
98
basicTheme: {
99
$type: "site.standard.theme.basic",
100
+
background: { $type: "site.standard.theme.color#rgb", ...PubThemeDefaultsRGB.background },
101
+
foreground: { $type: "site.standard.theme.color#rgb", ...PubThemeDefaultsRGB.foreground },
102
+
accent: { $type: "site.standard.theme.color#rgb", ...PubThemeDefaultsRGB.accent },
103
+
accentForeground: { $type: "site.standard.theme.color#rgb", ...PubThemeDefaultsRGB.accentForeground },
104
},
105
preferences: {
106
showInDiscover: preferences.showInDiscover,
107
showComments: preferences.showComments,
108
showMentions: preferences.showMentions,
109
showPrevNext: preferences.showPrevNext,
110
},
111
} satisfies SiteStandardPublication.Record;
112
} else {
+1
-30
app/lish/createPub/getPublicationURL.ts
+1
-30
app/lish/createPub/getPublicationURL.ts
···
5
import {
6
normalizePublicationRecord,
7
isLeafletPublication,
8
-
type NormalizedDocument,
9
type NormalizedPublication,
10
} from "src/utils/normalizeRecords";
11
···
21
const normalized = normalizePublicationRecord(pub.record);
22
23
// If we have a normalized record with a URL (site.standard format), use it
24
-
if (normalized?.url) {
25
return normalized.url;
26
}
27
···
45
const name = aturi.rkey || normalized?.name;
46
return `/lish/${aturi.host}/${encodeURIComponent(name || "")}`;
47
}
48
-
49
-
/**
50
-
* Gets the full URL for a document.
51
-
* Always appends the document's path property.
52
-
*/
53
-
export function getDocumentURL(
54
-
doc: NormalizedDocument,
55
-
docUri: string,
56
-
publication?: PublicationInput | NormalizedPublication | null,
57
-
): string {
58
-
let path = doc.path || "/" + new AtUri(docUri).rkey;
59
-
if (path[0] !== "/") path = "/" + path;
60
-
61
-
if (!publication) {
62
-
return doc.site + path;
63
-
}
64
-
65
-
// Already-normalized publications: use URL directly
66
-
if (
67
-
(publication as NormalizedPublication).$type ===
68
-
"site.standard.publication"
69
-
) {
70
-
return ((publication as NormalizedPublication).url || doc.site) + path;
71
-
}
72
-
73
-
// Raw publication input: delegate to getPublicationURL for full resolution
74
-
return getPublicationURL(publication as PublicationInput) + path;
75
-
}
···
5
import {
6
normalizePublicationRecord,
7
isLeafletPublication,
8
type NormalizedPublication,
9
} from "src/utils/normalizeRecords";
10
···
20
const normalized = normalizePublicationRecord(pub.record);
21
22
// If we have a normalized record with a URL (site.standard format), use it
23
+
if (normalized?.url && isProductionDomain()) {
24
return normalized.url;
25
}
26
···
44
const name = aturi.rkey || normalized?.name;
45
return `/lish/${aturi.host}/${encodeURIComponent(name || "")}`;
46
}
+98
-167
app/lish/createPub/updatePublication.ts
+98
-167
app/lish/createPub/updatePublication.ts
···
77
}
78
79
const aturi = new AtUri(existingPub.uri);
80
-
const publicationType = getPublicationType(
81
-
aturi.collection,
82
-
) as PublicationType;
83
84
// Normalize existing record
85
const normalizedPub = normalizePublicationRecord(existingPub.record);
···
130
}
131
132
/** Merges override with existing value, respecting explicit undefined */
133
-
function resolveField<T>(
134
-
override: T | undefined,
135
-
existing: T | undefined,
136
-
hasOverride: boolean,
137
-
): T | undefined {
138
return hasOverride ? override : existing;
139
}
140
···
152
return {
153
$type: "pub.leaflet.publication",
154
name: overrides.name ?? normalizedPub?.name ?? "",
155
-
description: resolveField(
156
-
overrides.description,
157
-
normalizedPub?.description,
158
-
"description" in overrides,
159
-
),
160
-
icon: resolveField(
161
-
overrides.icon,
162
-
normalizedPub?.icon,
163
-
"icon" in overrides,
164
-
),
165
-
theme: resolveField(
166
-
overrides.theme,
167
-
normalizedPub?.theme,
168
-
"theme" in overrides,
169
-
),
170
base_path: overrides.basePath ?? existingBasePath,
171
-
preferences: preferences
172
-
? {
173
-
$type: "pub.leaflet.publication#preferences",
174
-
showInDiscover: preferences.showInDiscover,
175
-
showComments: preferences.showComments,
176
-
showMentions: preferences.showMentions,
177
-
showPrevNext: preferences.showPrevNext,
178
-
showRecommends: preferences.showRecommends,
179
-
}
180
-
: undefined,
181
};
182
}
183
···
196
return {
197
$type: "site.standard.publication",
198
name: overrides.name ?? normalizedPub?.name ?? "",
199
-
description: resolveField(
200
-
overrides.description,
201
-
normalizedPub?.description,
202
-
"description" in overrides,
203
-
),
204
-
icon: resolveField(
205
-
overrides.icon,
206
-
normalizedPub?.icon,
207
-
"icon" in overrides,
208
-
),
209
-
theme: resolveField(
210
-
overrides.theme,
211
-
normalizedPub?.theme,
212
-
"theme" in overrides,
213
-
),
214
-
basicTheme: resolveField(
215
-
overrides.basicTheme,
216
-
normalizedPub?.basicTheme,
217
-
"basicTheme" in overrides,
218
-
),
219
url: basePath ? `https://${basePath}` : normalizedPub?.url || "",
220
-
preferences: preferences
221
-
? {
222
-
showInDiscover: preferences.showInDiscover,
223
-
showComments: preferences.showComments,
224
-
showMentions: preferences.showMentions,
225
-
showPrevNext: preferences.showPrevNext,
226
-
showRecommends: preferences.showRecommends,
227
-
}
228
-
: undefined,
229
};
230
}
231
···
257
iconFile?: File | null;
258
preferences?: Omit<PubLeafletPublication.Preferences, "$type">;
259
}): Promise<UpdatePublicationResult> {
260
-
return withPublicationUpdate(
261
-
uri,
262
-
async ({ normalizedPub, existingBasePath, publicationType, agent }) => {
263
-
// Upload icon if provided
264
-
let iconBlob = normalizedPub?.icon;
265
-
if (iconFile && iconFile.size > 0) {
266
-
const buffer = await iconFile.arrayBuffer();
267
-
const uploadResult = await agent.com.atproto.repo.uploadBlob(
268
-
new Uint8Array(buffer),
269
-
{ encoding: iconFile.type },
270
-
);
271
-
if (uploadResult.data.blob) {
272
-
iconBlob = uploadResult.data.blob;
273
-
}
274
}
275
276
-
return buildRecord(normalizedPub, existingBasePath, publicationType, {
277
-
name,
278
-
...(description !== undefined && { description }),
279
-
icon: iconBlob,
280
-
preferences,
281
-
});
282
-
},
283
-
);
284
}
285
286
export async function updatePublicationBasePath({
···
290
uri: string;
291
base_path: string;
292
}): Promise<UpdatePublicationResult> {
293
-
return withPublicationUpdate(
294
-
uri,
295
-
async ({ normalizedPub, existingBasePath, publicationType }) => {
296
-
return buildRecord(normalizedPub, existingBasePath, publicationType, {
297
-
basePath: base_path,
298
-
});
299
-
},
300
-
);
301
}
302
303
type Color =
···
321
accentText: Color;
322
};
323
}): Promise<UpdatePublicationResult> {
324
-
return withPublicationUpdate(
325
-
uri,
326
-
async ({ normalizedPub, existingBasePath, publicationType, agent }) => {
327
-
// Build theme object
328
-
const themeData = {
329
-
$type: "pub.leaflet.publication#theme" as const,
330
-
backgroundImage: theme.backgroundImage
331
-
? {
332
-
$type: "pub.leaflet.theme.backgroundImage",
333
-
image: (
334
-
await agent.com.atproto.repo.uploadBlob(
335
-
new Uint8Array(await theme.backgroundImage.arrayBuffer()),
336
-
{ encoding: theme.backgroundImage.type },
337
-
)
338
-
)?.data.blob,
339
-
width: theme.backgroundRepeat || undefined,
340
-
repeat: !!theme.backgroundRepeat,
341
-
}
342
-
: theme.backgroundImage === null
343
-
? undefined
344
-
: normalizedPub?.theme?.backgroundImage,
345
-
backgroundColor: theme.backgroundColor
346
-
? {
347
-
...theme.backgroundColor,
348
-
}
349
-
: undefined,
350
-
pageWidth: theme.pageWidth,
351
-
primary: {
352
-
...theme.primary,
353
-
},
354
-
pageBackground: {
355
-
...theme.pageBackground,
356
-
},
357
-
showPageBackground: theme.showPageBackground,
358
-
accentBackground: {
359
-
...theme.accentBackground,
360
-
},
361
-
accentText: {
362
-
...theme.accentText,
363
-
},
364
-
};
365
366
-
// Derive basicTheme from the theme colors for site.standard.publication
367
-
const basicTheme: NormalizedPublication["basicTheme"] = {
368
-
$type: "site.standard.theme.basic",
369
-
background: {
370
-
$type: "site.standard.theme.color#rgb",
371
-
r: theme.backgroundColor.r,
372
-
g: theme.backgroundColor.g,
373
-
b: theme.backgroundColor.b,
374
-
},
375
-
foreground: {
376
-
$type: "site.standard.theme.color#rgb",
377
-
r: theme.primary.r,
378
-
g: theme.primary.g,
379
-
b: theme.primary.b,
380
-
},
381
-
accent: {
382
-
$type: "site.standard.theme.color#rgb",
383
-
r: theme.accentBackground.r,
384
-
g: theme.accentBackground.g,
385
-
b: theme.accentBackground.b,
386
-
},
387
-
accentForeground: {
388
-
$type: "site.standard.theme.color#rgb",
389
-
r: theme.accentText.r,
390
-
g: theme.accentText.g,
391
-
b: theme.accentText.b,
392
-
},
393
-
};
394
395
-
return buildRecord(normalizedPub, existingBasePath, publicationType, {
396
-
theme: themeData,
397
-
basicTheme,
398
-
});
399
-
},
400
-
);
401
}
···
77
}
78
79
const aturi = new AtUri(existingPub.uri);
80
+
const publicationType = getPublicationType(aturi.collection) as PublicationType;
81
82
// Normalize existing record
83
const normalizedPub = normalizePublicationRecord(existingPub.record);
···
128
}
129
130
/** Merges override with existing value, respecting explicit undefined */
131
+
function resolveField<T>(override: T | undefined, existing: T | undefined, hasOverride: boolean): T | undefined {
132
return hasOverride ? override : existing;
133
}
134
···
146
return {
147
$type: "pub.leaflet.publication",
148
name: overrides.name ?? normalizedPub?.name ?? "",
149
+
description: resolveField(overrides.description, normalizedPub?.description, "description" in overrides),
150
+
icon: resolveField(overrides.icon, normalizedPub?.icon, "icon" in overrides),
151
+
theme: resolveField(overrides.theme, normalizedPub?.theme, "theme" in overrides),
152
base_path: overrides.basePath ?? existingBasePath,
153
+
preferences: preferences ? {
154
+
$type: "pub.leaflet.publication#preferences",
155
+
showInDiscover: preferences.showInDiscover,
156
+
showComments: preferences.showComments,
157
+
showMentions: preferences.showMentions,
158
+
showPrevNext: preferences.showPrevNext,
159
+
} : undefined,
160
};
161
}
162
···
175
return {
176
$type: "site.standard.publication",
177
name: overrides.name ?? normalizedPub?.name ?? "",
178
+
description: resolveField(overrides.description, normalizedPub?.description, "description" in overrides),
179
+
icon: resolveField(overrides.icon, normalizedPub?.icon, "icon" in overrides),
180
+
theme: resolveField(overrides.theme, normalizedPub?.theme, "theme" in overrides),
181
+
basicTheme: resolveField(overrides.basicTheme, normalizedPub?.basicTheme, "basicTheme" in overrides),
182
url: basePath ? `https://${basePath}` : normalizedPub?.url || "",
183
+
preferences: preferences ? {
184
+
showInDiscover: preferences.showInDiscover,
185
+
showComments: preferences.showComments,
186
+
showMentions: preferences.showMentions,
187
+
showPrevNext: preferences.showPrevNext,
188
+
} : undefined,
189
};
190
}
191
···
217
iconFile?: File | null;
218
preferences?: Omit<PubLeafletPublication.Preferences, "$type">;
219
}): Promise<UpdatePublicationResult> {
220
+
return withPublicationUpdate(uri, async ({ normalizedPub, existingBasePath, publicationType, agent }) => {
221
+
// Upload icon if provided
222
+
let iconBlob = normalizedPub?.icon;
223
+
if (iconFile && iconFile.size > 0) {
224
+
const buffer = await iconFile.arrayBuffer();
225
+
const uploadResult = await agent.com.atproto.repo.uploadBlob(
226
+
new Uint8Array(buffer),
227
+
{ encoding: iconFile.type },
228
+
);
229
+
if (uploadResult.data.blob) {
230
+
iconBlob = uploadResult.data.blob;
231
}
232
+
}
233
234
+
return buildRecord(normalizedPub, existingBasePath, publicationType, {
235
+
name,
236
+
description,
237
+
icon: iconBlob,
238
+
preferences,
239
+
});
240
+
});
241
}
242
243
export async function updatePublicationBasePath({
···
247
uri: string;
248
base_path: string;
249
}): Promise<UpdatePublicationResult> {
250
+
return withPublicationUpdate(uri, async ({ normalizedPub, existingBasePath, publicationType }) => {
251
+
return buildRecord(normalizedPub, existingBasePath, publicationType, {
252
+
basePath: base_path,
253
+
});
254
+
});
255
}
256
257
type Color =
···
275
accentText: Color;
276
};
277
}): Promise<UpdatePublicationResult> {
278
+
return withPublicationUpdate(uri, async ({ normalizedPub, existingBasePath, publicationType, agent }) => {
279
+
// Build theme object
280
+
const themeData = {
281
+
$type: "pub.leaflet.publication#theme" as const,
282
+
backgroundImage: theme.backgroundImage
283
+
? {
284
+
$type: "pub.leaflet.theme.backgroundImage",
285
+
image: (
286
+
await agent.com.atproto.repo.uploadBlob(
287
+
new Uint8Array(await theme.backgroundImage.arrayBuffer()),
288
+
{ encoding: theme.backgroundImage.type },
289
+
)
290
+
)?.data.blob,
291
+
width: theme.backgroundRepeat || undefined,
292
+
repeat: !!theme.backgroundRepeat,
293
+
}
294
+
: theme.backgroundImage === null
295
+
? undefined
296
+
: normalizedPub?.theme?.backgroundImage,
297
+
backgroundColor: theme.backgroundColor
298
+
? {
299
+
...theme.backgroundColor,
300
+
}
301
+
: undefined,
302
+
pageWidth: theme.pageWidth,
303
+
primary: {
304
+
...theme.primary,
305
+
},
306
+
pageBackground: {
307
+
...theme.pageBackground,
308
+
},
309
+
showPageBackground: theme.showPageBackground,
310
+
accentBackground: {
311
+
...theme.accentBackground,
312
+
},
313
+
accentText: {
314
+
...theme.accentText,
315
+
},
316
+
};
317
318
+
// Derive basicTheme from the theme colors for site.standard.publication
319
+
const basicTheme: NormalizedPublication["basicTheme"] = {
320
+
$type: "site.standard.theme.basic",
321
+
background: { $type: "site.standard.theme.color#rgb", r: theme.backgroundColor.r, g: theme.backgroundColor.g, b: theme.backgroundColor.b },
322
+
foreground: { $type: "site.standard.theme.color#rgb", r: theme.primary.r, g: theme.primary.g, b: theme.primary.b },
323
+
accent: { $type: "site.standard.theme.color#rgb", r: theme.accentBackground.r, g: theme.accentBackground.g, b: theme.accentBackground.b },
324
+
accentForeground: { $type: "site.standard.theme.color#rgb", r: theme.accentText.r, g: theme.accentText.g, b: theme.accentText.b },
325
+
};
326
327
+
return buildRecord(normalizedPub, existingBasePath, publicationType, {
328
+
theme: themeData,
329
+
basicTheme,
330
+
});
331
+
});
332
}
+13
-10
app/lish/subscribeToPublication.ts
+13
-10
app/lish/subscribeToPublication.ts
···
3
import { AtpBaseClient } from "lexicons/api";
4
import { AppBskyActorDefs, Agent as BskyAgent } from "@atproto/api";
5
import { getIdentityData } from "actions/getIdentityData";
6
-
import { restoreOAuthSession, OAuthSessionError } from "src/atproto-oauth";
7
import { TID } from "@atproto/common";
8
import { supabaseServerClient } from "supabase/serverClient";
9
import { revalidatePath } from "next/cache";
···
76
}
77
78
let bsky = new BskyAgent(credentialSession);
79
-
let [profile, resolveDid] = await Promise.all([
80
bsky.app.bsky.actor.profile
81
.get({
82
repo: credentialSession.did!,
···
92
handle: resolveDid?.alsoKnownAs?.[0]?.slice(5),
93
});
94
}
95
revalidatePath("/lish/[did]/[publication]", "layout");
96
return {
97
success: true,
98
-
hasFeed: true,
99
};
100
}
101
···
104
| { success: false; error: OAuthSessionError };
105
106
export async function unsubscribeToPublication(
107
-
publication: string,
108
): Promise<UnsubscribeResult> {
109
let identity = await getIdentityData();
110
if (!identity || !identity.atp_did) {
···
137
// Delete from both collections (old and new schema) - one or both may exist
138
let rkey = new AtUri(existingSubscription.uri).rkey;
139
await Promise.all([
140
-
agent.pub.leaflet.graph.subscription
141
-
.delete({ repo: credentialSession.did!, rkey })
142
-
.catch(() => {}),
143
-
agent.site.standard.graph.subscription
144
-
.delete({ repo: credentialSession.did!, rkey })
145
-
.catch(() => {}),
146
]);
147
148
await supabaseServerClient
···
3
import { AtpBaseClient } from "lexicons/api";
4
import { AppBskyActorDefs, Agent as BskyAgent } from "@atproto/api";
5
import { getIdentityData } from "actions/getIdentityData";
6
+
import {
7
+
restoreOAuthSession,
8
+
OAuthSessionError,
9
+
} from "src/atproto-oauth";
10
import { TID } from "@atproto/common";
11
import { supabaseServerClient } from "supabase/serverClient";
12
import { revalidatePath } from "next/cache";
···
79
}
80
81
let bsky = new BskyAgent(credentialSession);
82
+
let [prefs, profile, resolveDid] = await Promise.all([
83
+
bsky.app.bsky.actor.getPreferences(),
84
bsky.app.bsky.actor.profile
85
.get({
86
repo: credentialSession.did!,
···
96
handle: resolveDid?.alsoKnownAs?.[0]?.slice(5),
97
});
98
}
99
+
let savedFeeds = prefs.data.preferences.find(
100
+
(pref) => pref.$type === "app.bsky.actor.defs#savedFeedsPrefV2",
101
+
) as AppBskyActorDefs.SavedFeedsPrefV2;
102
revalidatePath("/lish/[did]/[publication]", "layout");
103
return {
104
success: true,
105
+
hasFeed: !!savedFeeds.items.find((feed) => feed.value === leafletFeedURI),
106
};
107
}
108
···
111
| { success: false; error: OAuthSessionError };
112
113
export async function unsubscribeToPublication(
114
+
publication: string
115
): Promise<UnsubscribeResult> {
116
let identity = await getIdentityData();
117
if (!identity || !identity.atp_did) {
···
144
// Delete from both collections (old and new schema) - one or both may exist
145
let rkey = new AtUri(existingSubscription.uri).rkey;
146
await Promise.all([
147
+
agent.pub.leaflet.graph.subscription.delete({ repo: credentialSession.did!, rkey }).catch(() => {}),
148
+
agent.site.standard.graph.subscription.delete({ repo: credentialSession.did!, rkey }).catch(() => {}),
149
]);
150
151
await supabaseServerClient
+11
app/route.ts
+11
app/route.ts
···
···
1
+
import { createNewLeaflet } from "actions/createNewLeaflet";
2
+
import { cookies } from "next/headers";
3
+
import { redirect } from "next/navigation";
4
+
5
+
export const preferredRegion = ["sfo1"];
6
+
export const dynamic = "force-dynamic";
7
+
export const fetchCache = "force-no-store";
8
+
9
+
export async function GET() {
10
+
redirect("/home");
11
+
}
+1
-18
appview/index.ts
+1
-18
appview/index.ts
···
109
data: record.value as Json,
110
});
111
if (docResult.error) console.log(docResult.error);
112
-
await inngest.send({
113
-
name: "appview/sync-document-metadata",
114
-
data: {
115
-
document_uri: evt.uri.toString(),
116
-
bsky_post_uri: record.value.postRef?.uri,
117
-
},
118
-
});
119
if (record.value.publication) {
120
let publicationURI = new AtUri(record.value.publication);
121
···
276
data: record.value as Json,
277
});
278
if (docResult.error) console.log(docResult.error);
279
-
await inngest.send({
280
-
name: "appview/sync-document-metadata",
281
-
data: {
282
-
document_uri: evt.uri.toString(),
283
-
bsky_post_uri: record.value.bskyPostRef?.uri,
284
-
},
285
-
});
286
287
// site.standard.document uses "site" field to reference the publication
288
// For documents in publications, site is an AT-URI (at://did:plc:xxx/site.standard.publication/rkey)
···
392
393
// Now validate the record since we know it contains our quote param
394
let record = AppBskyFeedPost.validateRecord(evt.record);
395
-
if (!record.success) {
396
-
console.log(record.error);
397
-
return;
398
-
}
399
400
let embed: string | null = null;
401
if (
···
109
data: record.value as Json,
110
});
111
if (docResult.error) console.log(docResult.error);
112
if (record.value.publication) {
113
let publicationURI = new AtUri(record.value.publication);
114
···
269
data: record.value as Json,
270
});
271
if (docResult.error) console.log(docResult.error);
272
273
// site.standard.document uses "site" field to reference the publication
274
// For documents in publications, site is an AT-URI (at://did:plc:xxx/site.standard.publication/rkey)
···
378
379
// Now validate the record since we know it contains our quote param
380
let record = AppBskyFeedPost.validateRecord(evt.record);
381
+
if (!record.success) return;
382
383
let embed: string | null = null;
384
if (
+13
-20
components/ActionBar/ActionButton.tsx
+13
-20
components/ActionBar/ActionButton.tsx
···
7
8
type ButtonProps = Omit<JSX.IntrinsicElements["button"], "content">;
9
10
-
export const ActionButton = forwardRef<
11
-
HTMLButtonElement,
12
-
ButtonProps & {
13
id?: string;
14
icon: React.ReactNode;
15
label: React.ReactNode;
···
19
className?: string;
20
subtext?: string;
21
labelOnMobile?: boolean;
22
-
smallOnMobile?: boolean;
23
z?: boolean;
24
-
}
25
-
>((_props, ref) => {
26
let {
27
id,
28
icon,
···
31
secondary,
32
nav,
33
labelOnMobile,
34
-
smallOnMobile,
35
subtext,
36
className,
37
...buttonProps
···
53
return (
54
<button
55
{...buttonProps}
56
-
ref={ref}
57
className={`
58
actionButton relative font-bold
59
rounded-md border
60
-
flex gap-2 items-center justify-start
61
-
sm:w-full sm:max-w-full p-1
62
-
w-max
63
-
${smallOnMobile && "sm:text-base text-sm py-0! sm:py-1! sm:h-fit h-6"}
64
${
65
primary
66
-
? "bg-accent-1 border-accent-1 text-accent-2 transparent-outline sm:hover:outline-accent-contrast focus:outline-accent-1 outline-offset-1 "
67
: secondary
68
-
? " bg-bg-page border-accent-contrast text-accent-contrast transparent-outline focus:outline-accent-contrast sm:hover:outline-accent-contrast outline-offset-1"
69
: nav
70
-
? "border-transparent text-secondary sm:hover:border-border justify-start! max-w-full"
71
: "border-transparent text-accent-contrast sm:hover:border-accent-contrast"
72
}
73
${className}
74
`}
75
>
76
-
<div className="shrink-0 flex flex-row gap-0.5">{icon}</div>
77
<div
78
-
className={`flex flex-col ${subtext && "leading-snug"} sm:max-w-full min-w-0 mr-1 ${sidebar.open ? "block" : showLabelOnMobile ? "sm:hidden block" : "hidden"}`}
79
-
style={{ width: "-webkit-fill-available" }}
80
>
81
<div className="truncate text-left">{label}</div>
82
{subtext && (
···
87
</div>
88
</button>
89
);
90
-
});
91
-
ActionButton.displayName = "ActionButton";
···
7
8
type ButtonProps = Omit<JSX.IntrinsicElements["button"], "content">;
9
10
+
export const ActionButton = (
11
+
_props: ButtonProps & {
12
id?: string;
13
icon: React.ReactNode;
14
label: React.ReactNode;
···
18
className?: string;
19
subtext?: string;
20
labelOnMobile?: boolean;
21
z?: boolean;
22
+
},
23
+
) => {
24
let {
25
id,
26
icon,
···
29
secondary,
30
nav,
31
labelOnMobile,
32
subtext,
33
className,
34
...buttonProps
···
50
return (
51
<button
52
{...buttonProps}
53
className={`
54
actionButton relative font-bold
55
rounded-md border
56
+
flex gap-2 items-start sm:justify-start justify-center
57
+
p-1 sm:mx-0
58
+
${showLabelOnMobile && !secondary ? "w-full" : "sm:w-full w-max"}
59
${
60
primary
61
+
? "bg-accent-1 border-accent-1 text-accent-2 transparent-outline sm:hover:outline-accent-contrast focus:outline-accent-1 outline-offset-1 mx-1 first:ml-0"
62
: secondary
63
+
? " bg-bg-page border-accent-contrast text-accent-contrast transparent-outline focus:outline-accent-contrast sm:hover:outline-accent-contrast outline-offset-1 mx-1 first:ml-0"
64
: nav
65
+
? "border-transparent text-secondary sm:hover:border-border justify-start!"
66
: "border-transparent text-accent-contrast sm:hover:border-accent-contrast"
67
}
68
${className}
69
`}
70
>
71
+
<div className="shrink-0">{icon}</div>
72
<div
73
+
className={`flex flex-col pr-1 ${subtext && "leading-snug"} max-w-full min-w-0 ${sidebar.open ? "block" : showLabelOnMobile ? "sm:hidden block" : "hidden"}`}
74
>
75
<div className="truncate text-left">{label}</div>
76
{subtext && (
···
81
</div>
82
</button>
83
);
84
+
};
-61
components/ActionBar/ProfileButton.tsx
-61
components/ActionBar/ProfileButton.tsx
···
1
-
import { Avatar } from "components/Avatar";
2
-
import { ActionButton } from "./ActionButton";
3
-
import { useIdentityData } from "components/IdentityProvider";
4
-
import { AccountSmall } from "components/Icons/AccountSmall";
5
-
import { useRecordFromDid } from "src/utils/useRecordFromDid";
6
-
import { Menu, MenuItem } from "components/Menu";
7
-
import { useIsMobile } from "src/hooks/isMobile";
8
-
import { LogoutSmall } from "components/Icons/LogoutSmall";
9
-
import { mutate } from "swr";
10
-
import { SpeedyLink } from "components/SpeedyLink";
11
-
12
-
export const ProfileButton = () => {
13
-
let { identity } = useIdentityData();
14
-
let { data: record } = useRecordFromDid(identity?.atp_did);
15
-
let isMobile = useIsMobile();
16
-
17
-
return (
18
-
<Menu
19
-
asChild
20
-
side={isMobile ? "top" : "right"}
21
-
align={isMobile ? "center" : "start"}
22
-
trigger={
23
-
<ActionButton
24
-
nav
25
-
labelOnMobile={false}
26
-
icon={
27
-
record ? (
28
-
<Avatar
29
-
src={record.avatar}
30
-
displayName={record.displayName || record.handle}
31
-
/>
32
-
) : (
33
-
<AccountSmall />
34
-
)
35
-
}
36
-
label={record ? record.displayName || record.handle : "Account"}
37
-
className={`w-full`}
38
-
/>
39
-
}
40
-
>
41
-
{record && (
42
-
<>
43
-
<SpeedyLink className="no-underline!" href={`/p/${record.handle}`}>
44
-
<MenuItem onSelect={() => {}}>View Profile</MenuItem>
45
-
</SpeedyLink>
46
-
47
-
<hr className="border-border-light border-dashed" />
48
-
</>
49
-
)}
50
-
<MenuItem
51
-
onSelect={async () => {
52
-
await fetch("/api/auth/logout");
53
-
mutate("identity", null);
54
-
}}
55
-
>
56
-
<LogoutSmall />
57
-
Log Out
58
-
</MenuItem>
59
-
</Menu>
60
-
);
61
-
};
···
+11
-18
components/ActionBar/Publications.tsx
+11
-18
components/ActionBar/Publications.tsx
···
19
import { useIsMobile } from "src/hooks/isMobile";
20
import { useState } from "react";
21
import { LooseLeafSmall } from "components/Icons/LooseleafSmall";
22
-
import { type navPages } from "./NavigationButtons";
23
24
export const PublicationButtons = (props: {
25
currentPage: navPages;
26
currentPubUri: string | undefined;
27
-
className?: string;
28
-
optionClassName?: string;
29
}) => {
30
let { identity } = useIdentityData();
31
let hasLooseleafs = !!identity?.permission_token_on_homepage.find(
···
40
return <PubListEmpty />;
41
42
return (
43
-
<div
44
-
className={`pubListWrapper w-full flex flex-col sm:bg-transparent sm:border-0 ${props.className}`}
45
-
>
46
{hasLooseleafs && (
47
<>
48
<SpeedyLink
49
href={`/looseleafs`}
50
-
className={`flex gap-2 items-start text-secondary font-bold hover:no-underline! hover:text-accent-contrast w-full `}
51
>
52
{/*TODO How should i get if this is the current page or not?
53
theres not "pub" to check the uri for. Do i need to add it as an option to NavPages? thats kinda annoying*/}
···
55
label="Looseleafs"
56
icon={<LooseLeafSmall />}
57
nav
58
-
className={`w-full! ${
59
props.currentPage === "looseleafs"
60
? "bg-bg-page! border-border!"
61
: ""
62
}
63
-
${props.optionClassName}`}
64
/>
65
</SpeedyLink>
66
</>
67
)}
68
···
90
})}
91
<Link
92
href={"/lish/createPub"}
93
-
className={`pubListCreateNew group/new-pub text-tertiary hover:text-accent-contrast flex gap-2 items-center p-1 no-underline! ${props.optionClassName}`}
94
>
95
-
<div className="group-hover/new-pub:border-accent-contrast w-6 h-6 border-border-light border-2 border-dashed rounded-full" />
96
-
New Publication
97
</Link>
98
</div>
99
);
···
104
name: string;
105
record: Json;
106
current?: boolean;
107
-
className?: string;
108
}) => {
109
let record = normalizePublicationRecord(props.record);
110
if (!record) return;
···
112
return (
113
<SpeedyLink
114
href={`${getBasePublicationURL(props)}/dashboard`}
115
-
className={`flex gap-2 items-start text-secondary font-bold hover:no-underline! hover:text-accent-contrast w-full `}
116
>
117
<ActionButton
118
label={record.name}
119
icon={<PubIcon record={record} uri={props.uri} />}
120
nav
121
-
className={`w-full! ${props.current ? "bg-bg-page! border-border!" : ""} ${props.className}`}
122
/>
123
</SpeedyLink>
124
);
···
204
export const PubIcon = (props: {
205
record: NormalizedPublication | null;
206
uri: string;
207
-
tiny?: boolean;
208
small?: boolean;
209
large?: boolean;
210
className?: string;
211
}) => {
212
if (!props.record) return null;
213
214
-
let iconSizeClassName = `${props.tiny ? "w-4 h-4" : props.small ? "w-5 h-5" : props.large ? "w-12 h-12" : "w-6 h-6"} rounded-full`;
215
216
return props.record.icon ? (
217
<div
···
228
) : (
229
<div className={`${iconSizeClassName} bg-accent-1 relative`}>
230
<div
231
-
className={`${props.tiny ? "text-xs" : props.large ? "text-2xl" : "text-sm"} font-bold absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-accent-2`}
232
>
233
{props.record?.name.slice(0, 1).toUpperCase()}
234
</div>
···
19
import { useIsMobile } from "src/hooks/isMobile";
20
import { useState } from "react";
21
import { LooseLeafSmall } from "components/Icons/LooseleafSmall";
22
+
import { navPages } from "./Navigation";
23
24
export const PublicationButtons = (props: {
25
currentPage: navPages;
26
currentPubUri: string | undefined;
27
}) => {
28
let { identity } = useIdentityData();
29
let hasLooseleafs = !!identity?.permission_token_on_homepage.find(
···
38
return <PubListEmpty />;
39
40
return (
41
+
<div className="pubListWrapper w-full flex flex-col gap-1 sm:bg-transparent sm:border-0">
42
{hasLooseleafs && (
43
<>
44
<SpeedyLink
45
href={`/looseleafs`}
46
+
className="flex gap-2 items-start text-secondary font-bold hover:no-underline! hover:text-accent-contrast w-full"
47
>
48
{/*TODO How should i get if this is the current page or not?
49
theres not "pub" to check the uri for. Do i need to add it as an option to NavPages? thats kinda annoying*/}
···
51
label="Looseleafs"
52
icon={<LooseLeafSmall />}
53
nav
54
+
className={
55
props.currentPage === "looseleafs"
56
? "bg-bg-page! border-border!"
57
: ""
58
}
59
/>
60
</SpeedyLink>
61
+
<hr className="border-border-light border-dashed mx-1" />
62
</>
63
)}
64
···
86
})}
87
<Link
88
href={"/lish/createPub"}
89
+
className="pubListCreateNew text-accent-contrast text-sm place-self-end hover:text-accent-contrast"
90
>
91
+
New
92
</Link>
93
</div>
94
);
···
99
name: string;
100
record: Json;
101
current?: boolean;
102
}) => {
103
let record = normalizePublicationRecord(props.record);
104
if (!record) return;
···
106
return (
107
<SpeedyLink
108
href={`${getBasePublicationURL(props)}/dashboard`}
109
+
className="flex gap-2 items-start text-secondary font-bold hover:no-underline! hover:text-accent-contrast w-full"
110
>
111
<ActionButton
112
label={record.name}
113
icon={<PubIcon record={record} uri={props.uri} />}
114
nav
115
+
className={props.current ? "bg-bg-page! border-border!" : ""}
116
/>
117
</SpeedyLink>
118
);
···
198
export const PubIcon = (props: {
199
record: NormalizedPublication | null;
200
uri: string;
201
small?: boolean;
202
large?: boolean;
203
className?: string;
204
}) => {
205
if (!props.record) return null;
206
207
+
let iconSizeClassName = `${props.small ? "w-4 h-4" : props.large ? "w-12 h-12" : "w-6 h-6"} rounded-full`;
208
209
return props.record.icon ? (
210
<div
···
221
) : (
222
<div className={`${iconSizeClassName} bg-accent-1 relative`}>
223
<div
224
+
className={`${props.small ? "text-xs" : props.large ? "text-2xl" : "text-sm"} font-bold absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-accent-2`}
225
>
226
{props.record?.name.slice(0, 1).toUpperCase()}
227
</div>
+1
components/Blocks/BaseTextareaBlock.tsx
+1
components/Blocks/BaseTextareaBlock.tsx
-1
components/Blocks/Block.tsx
-1
components/Blocks/Block.tsx
+23
-19
components/Blocks/TextBlock/mountProsemirror.ts
+23
-19
components/Blocks/TextBlock/mountProsemirror.ts
···
80
handlePaste,
81
handleClickOn: (_view, _pos, node, _nodePos, _event, direct) => {
82
if (!direct) return;
83
-
84
-
// Check for didMention inline nodes
85
-
if (node?.type === schema.nodes.didMention) {
86
-
window.open(
87
-
didToBlueskyUrl(node.attrs.did),
88
-
"_blank",
89
-
"noopener,noreferrer",
90
-
);
91
-
return;
92
-
}
93
-
94
-
// Check for atMention inline nodes
95
-
if (node?.type === schema.nodes.atMention) {
96
-
const url = atUriToUrl(node.attrs.atURI);
97
-
window.open(url, "_blank", "noopener,noreferrer");
98
-
return;
99
-
}
100
if (node.nodeSize - 2 <= _pos) return;
101
102
// Check for marks at the clicked position
···
104
const nodeAt2 = node.nodeAt(Math.max(_pos - 2, 0));
105
106
// Check for link marks
107
-
let linkMark =
108
-
nodeAt1?.marks.find((f) => f.type === schema.marks.link) ||
109
nodeAt2?.marks.find((f) => f.type === schema.marks.link);
110
if (linkMark) {
111
window.open(linkMark.attrs.href, "_blank");
112
return;
113
}
114
},
···
80
handlePaste,
81
handleClickOn: (_view, _pos, node, _nodePos, _event, direct) => {
82
if (!direct) return;
83
if (node.nodeSize - 2 <= _pos) return;
84
85
// Check for marks at the clicked position
···
87
const nodeAt2 = node.nodeAt(Math.max(_pos - 2, 0));
88
89
// Check for link marks
90
+
let linkMark = nodeAt1?.marks.find((f) => f.type === schema.marks.link) ||
91
nodeAt2?.marks.find((f) => f.type === schema.marks.link);
92
if (linkMark) {
93
window.open(linkMark.attrs.href, "_blank");
94
+
return;
95
+
}
96
+
97
+
// Check for didMention inline nodes
98
+
if (nodeAt1?.type === schema.nodes.didMention) {
99
+
window.open(didToBlueskyUrl(nodeAt1.attrs.did), "_blank", "noopener,noreferrer");
100
+
return;
101
+
}
102
+
if (nodeAt2?.type === schema.nodes.didMention) {
103
+
window.open(didToBlueskyUrl(nodeAt2.attrs.did), "_blank", "noopener,noreferrer");
104
+
return;
105
+
}
106
+
107
+
// Check for atMention inline nodes
108
+
if (nodeAt1?.type === schema.nodes.atMention) {
109
+
const url = atUriToUrl(nodeAt1.attrs.atURI);
110
+
window.open(url, "_blank", "noopener,noreferrer");
111
+
return;
112
+
}
113
+
if (nodeAt2?.type === schema.nodes.atMention) {
114
+
const url = atUriToUrl(nodeAt2.attrs.atURI);
115
+
window.open(url, "_blank", "noopener,noreferrer");
116
return;
117
}
118
},
+1
-20
components/Blocks/TextBlock/useHandlePaste.ts
+1
-20
components/Blocks/TextBlock/useHandlePaste.ts
···
396
]);
397
}
398
399
-
if (child.tagName === "DIV" && child.getAttribute("data-bluesky-post")) {
400
-
let postData = child.getAttribute("data-bluesky-post");
401
-
if (postData) {
402
-
rep.mutate.assertFact([
403
-
{
404
-
entity: entityID,
405
-
attribute: "block/type",
406
-
data: { type: "block-type-union", value: "bluesky-post" },
407
-
},
408
-
{
409
-
entity: entityID,
410
-
attribute: "block/bluesky-post",
411
-
data: { type: "bluesky-post", value: JSON.parse(postData) },
412
-
},
413
-
]);
414
-
}
415
-
}
416
-
417
if (child.tagName === "DIV" && child.getAttribute("data-entityid")) {
418
let oldEntityID = child.getAttribute("data-entityid") as string;
419
let factsData = child.getAttribute("data-facts");
···
611
"HR",
612
].includes(elementNode.tagName) ||
613
elementNode.getAttribute("data-entityid") ||
614
-
elementNode.getAttribute("data-tex") ||
615
-
elementNode.getAttribute("data-bluesky-post")
616
) {
617
htmlBlocks.push(elementNode);
618
} else {
···
396
]);
397
}
398
399
if (child.tagName === "DIV" && child.getAttribute("data-entityid")) {
400
let oldEntityID = child.getAttribute("data-entityid") as string;
401
let factsData = child.getAttribute("data-facts");
···
593
"HR",
594
].includes(elementNode.tagName) ||
595
elementNode.getAttribute("data-entityid") ||
596
+
elementNode.getAttribute("data-tex")
597
) {
598
htmlBlocks.push(elementNode);
599
} else {
+5
-33
components/Canvas.tsx
+5
-33
components/Canvas.tsx
···
19
import { Separator } from "./Layout";
20
import { CommentTiny } from "./Icons/CommentTiny";
21
import { QuoteTiny } from "./Icons/QuoteTiny";
22
-
import { AddTags, PublicationMetadata } from "./Pages/PublicationMetadata";
23
import { useLeafletPublicationData } from "./PageSWRDataProvider";
24
import { useHandleCanvasDrop } from "./Blocks/useHandleCanvasDrop";
25
import { useBlockMouseHandlers } from "./Blocks/useBlockMouseHandlers";
26
-
import { RecommendTinyEmpty } from "./Icons/RecommendTiny";
27
-
import { useSubscribe } from "src/replicache/useSubscribe";
28
-
import { mergePreferences } from "src/utils/mergePreferences";
29
30
export function Canvas(props: {
31
entityID: string;
···
166
167
const CanvasMetadata = (props: { isSubpage: boolean | undefined }) => {
168
let { data: pub, normalizedPublication } = useLeafletPublicationData();
169
-
let { rep } = useReplicache();
170
-
let postPreferences = useSubscribe(rep, (tx) =>
171
-
tx.get<{
172
-
showComments?: boolean;
173
-
showMentions?: boolean;
174
-
showRecommends?: boolean;
175
-
} | null>("post_preferences"),
176
-
);
177
if (!pub || !pub.publications) return null;
178
179
if (!normalizedPublication) return null;
180
-
let merged = mergePreferences(
181
-
postPreferences || undefined,
182
-
normalizedPublication.preferences,
183
-
);
184
-
let showComments = merged.showComments !== false;
185
-
let showMentions = merged.showMentions !== false;
186
-
let showRecommends = merged.showRecommends !== false;
187
188
return (
189
<div className="flex flex-row gap-3 items-center absolute top-6 right-3 sm:top-4 sm:right-4 bg-bg-page border-border-light rounded-md px-2 py-1 h-fit z-20">
190
-
{showRecommends && (
191
-
<div className="flex gap-1 text-tertiary items-center">
192
-
<RecommendTinyEmpty className="text-border" /> —
193
-
</div>
194
-
)}
195
{showComments && (
196
<div className="flex gap-1 text-tertiary items-center">
197
<CommentTiny className="text-border" /> —
198
</div>
199
)}
200
-
{showMentions && (
201
<div className="flex gap-1 text-tertiary items-center">
202
<QuoteTiny className="text-border" /> —
203
</div>
204
)}
205
206
-
{showMentions !== false ||
207
-
showComments !== false ||
208
-
showRecommends === false ? (
209
-
<Separator classname="h-4!" />
210
-
) : null}
211
-
<AddTags />
212
-
213
{!props.isSubpage && (
214
<>
215
<Separator classname="h-5" />
···
219
className="flex flex-col gap-2 p-0! max-w-sm w-[1000px]"
220
trigger={<InfoSmall />}
221
>
222
-
<PublicationMetadata noInteractions />
223
</Popover>
224
</>
225
)}
···
19
import { Separator } from "./Layout";
20
import { CommentTiny } from "./Icons/CommentTiny";
21
import { QuoteTiny } from "./Icons/QuoteTiny";
22
+
import { PublicationMetadata } from "./Pages/PublicationMetadata";
23
import { useLeafletPublicationData } from "./PageSWRDataProvider";
24
import { useHandleCanvasDrop } from "./Blocks/useHandleCanvasDrop";
25
import { useBlockMouseHandlers } from "./Blocks/useBlockMouseHandlers";
26
27
export function Canvas(props: {
28
entityID: string;
···
163
164
const CanvasMetadata = (props: { isSubpage: boolean | undefined }) => {
165
let { data: pub, normalizedPublication } = useLeafletPublicationData();
166
if (!pub || !pub.publications) return null;
167
168
if (!normalizedPublication) return null;
169
+
let showComments = normalizedPublication.preferences?.showComments !== false;
170
+
let showMentions = normalizedPublication.preferences?.showMentions !== false;
171
172
return (
173
<div className="flex flex-row gap-3 items-center absolute top-6 right-3 sm:top-4 sm:right-4 bg-bg-page border-border-light rounded-md px-2 py-1 h-fit z-20">
174
{showComments && (
175
<div className="flex gap-1 text-tertiary items-center">
176
<CommentTiny className="text-border" /> —
177
</div>
178
)}
179
+
{showComments && (
180
<div className="flex gap-1 text-tertiary items-center">
181
<QuoteTiny className="text-border" /> —
182
</div>
183
)}
184
185
{!props.isSubpage && (
186
<>
187
<Separator classname="h-5" />
···
191
className="flex flex-col gap-2 p-0! max-w-sm w-[1000px]"
192
trigger={<InfoSmall />}
193
>
194
+
<PublicationMetadata />
195
</Popover>
196
</>
197
)}
-21
components/Icons/HomeTiny.tsx
-21
components/Icons/HomeTiny.tsx
···
1
-
import { Props } from "./Props";
2
-
3
-
export const HomeTiny = (props: Props) => {
4
-
return (
5
-
<svg
6
-
width="16"
7
-
height="16"
8
-
viewBox="0 0 16 16"
9
-
fill="none"
10
-
xmlns="http://www.w3.org/2000/svg"
11
-
{...props}
12
-
>
13
-
<path
14
-
fillRule="evenodd"
15
-
clipRule="evenodd"
16
-
d="M3.5906 0.287577C3.39798 0.211458 3.18013 0.305893 3.10402 0.498504C3.0706 0.583064 3.07005 0.672489 3.09625 0.75265C3.09112 0.756892 3.08729 0.759504 3.08536 0.760636C3.01766 0.800372 2.93363 0.858436 2.8665 0.940226C2.79683 1.02511 2.71837 1.17222 2.75663 1.35689C2.7922 1.52854 2.91018 1.63661 3.00046 1.69802C3.09505 1.76237 3.2113 1.81163 3.33752 1.85239C3.39934 1.87236 3.45003 1.8919 3.49051 1.91036C3.48033 1.91756 3.46441 1.92788 3.43885 1.94314L3.42397 1.95192C3.38779 1.97318 3.32461 2.0103 3.27192 2.05173C3.20599 2.10358 3.10812 2.19751 3.06658 2.34833C3.0237 2.50404 3.05981 2.64893 3.11488 2.76333C3.2047 2.94994 3.4288 3.02841 3.61541 2.93858C3.75466 2.87155 3.83369 2.72977 3.82752 2.58459C3.87484 2.55627 3.94958 2.5103 4.01834 2.44579C4.12918 2.3418 4.23095 2.21532 4.28001 2.06267C4.33473 1.89238 4.3137 1.71934 4.2251 1.57134C4.14607 1.43931 4.0277 1.35059 3.92325 1.29025C3.85742 1.25222 3.78599 1.21914 3.71221 1.19005C3.76063 1.12961 3.80094 1.06476 3.83053 1.00004C3.86565 0.923217 3.90498 0.804913 3.88814 0.670895C3.86764 0.507679 3.76561 0.356744 3.5906 0.287577ZM3.14984 0.684673C3.14991 0.684654 3.14956 0.685711 3.14857 0.687897C3.14928 0.685784 3.14977 0.684691 3.14984 0.684673ZM3.41985 1.07611L3.4216 1.07742C3.42036 1.07656 3.41981 1.07612 3.41985 1.07611ZM11.0044 2.01981C10.8258 1.79122 10.5134 1.71555 10.25 1.83709L5.05737 4.23314V3.71118C5.05737 3.43504 4.83352 3.21118 4.55737 3.21118H2.49927C2.22313 3.21118 1.99927 3.43504 1.99927 3.71118V6.72759L0.587556 7.98327C0.329642 8.21268 0.306533 8.60773 0.535942 8.86564C0.711092 9.06256 0.982798 9.1226 1.21631 9.03789V12.7554C1.21631 12.9616 1.34294 13.1467 1.53518 13.2214L3.35104 13.9272C3.50487 13.9869 3.6783 13.967 3.81451 13.8738C3.82806 13.8645 3.84106 13.8546 3.8535 13.8442L5.42986 12.9319V14.2399C5.42986 14.4459 5.55627 14.6309 5.74826 14.7057L8.04946 15.6028C8.1866 15.6563 8.34034 15.6466 8.46969 15.5763L14.5223 12.2892C14.6834 12.2017 14.7837 12.0331 14.7837 11.8498V8.93436L15.2609 8.71207C15.4336 8.63163 15.5602 8.4768 15.6047 8.29156C15.6492 8.10632 15.6068 7.91088 15.4895 7.76075L11.0044 2.01981ZM5.42026 11.7821C5.39313 11.546 5.30858 11.2485 5.16635 10.9817C4.98526 10.6419 4.77171 10.4608 4.58539 10.4181C4.47274 10.3923 4.36021 10.4233 4.2466 10.5542C4.1247 10.6947 4.03217 10.9273 4.03217 11.1918V12.5854L5.42026 11.7821ZM4.05737 4.87826C4.05737 4.88442 4.05748 4.89055 4.05771 4.89665L2.99927 5.83811V4.21118H4.05737V4.87826ZM13.7837 9.40019L9.23842 11.5175C8.96198 11.6463 8.63296 11.5568 8.4599 11.3057L4.76308 5.94217L2.21631 8.20746V12.4133L3.03217 12.7304V11.1918C3.03217 10.7137 3.19458 10.2407 3.49138 9.89876C3.79647 9.54724 4.26639 9.31907 4.80875 9.44335C5.40674 9.58038 5.80959 10.0625 6.04881 10.5113C6.29331 10.97 6.42986 11.507 6.42986 11.938V13.8981L7.76685 14.4193V12.47C7.76685 12.1938 7.9907 11.97 8.26685 11.97C8.54299 11.97 8.76685 12.1938 8.76685 12.47V14.277L13.7837 11.5523V9.40019ZM9.18936 10.1614L5.81211 5.26154L10.3242 3.17952L14.0205 7.91089L9.18936 10.1614Z"
17
-
fill="currentColor"
18
-
/>
19
-
</svg>
20
-
);
21
-
};
···
+19
components/Icons/LeafletPro.tsx
+19
components/Icons/LeafletPro.tsx
···
···
1
+
import { Props } from "./Props";
2
+
3
+
export const LeafletPro = (props: Props) => {
4
+
return (
5
+
<svg
6
+
width="24"
7
+
height="24"
8
+
viewBox="0 0 24 24"
9
+
fill="none"
10
+
xmlns="http://www.w3.org/2000/svg"
11
+
{...props}
12
+
>
13
+
<path
14
+
d="M18.7746 14.4153C18.9173 13.0548 19.8101 13.0677 19.9572 14.4153C20.1043 15.7627 20.5438 16.6149 20.7453 16.8352C20.9468 17.0556 21.3114 17.3121 22.55 17.5921C23.7885 17.8721 23.7581 18.6935 22.55 18.8069C21.3418 18.9203 21.0958 19.2801 20.7453 19.6634C20.3949 20.0467 20.1218 20.841 19.9611 22.1653C19.8004 23.4897 18.9308 23.4787 18.7785 22.1653C18.6262 20.8518 18.0988 19.8781 17.9025 19.6634C17.7062 19.4487 17.0699 18.9126 16.0138 18.8069C14.9583 18.7009 14.9723 17.7682 16.0148 17.5921C17.0571 17.4158 17.5148 17.1033 17.7599 16.8352C18.0052 16.567 18.6318 15.7753 18.7746 14.4153ZM17.633 4.65261C18.2545 4.6359 18.2445 4.90445 18.2345 5.17605C18.2282 5.34951 18.2219 5.52489 18.38 5.6282C18.536 5.73003 18.9291 5.69449 19.38 5.65359C20.1026 5.58804 20.9756 5.50855 21.2687 5.95925C21.5262 6.35603 21.1984 6.75118 20.8839 7.12917C20.6178 7.44909 20.3617 7.75719 20.4787 8.04519C20.5743 8.28028 20.7705 8.4134 20.963 8.54323C21.278 8.75563 21.5826 8.96083 21.4191 9.59695C21.2462 10.2694 20.2065 10.4516 19.2316 10.6223C18.4149 10.7654 17.6432 10.9003 17.466 11.3089C17.3549 11.5652 17.5398 11.6849 17.7462 11.8186C17.9928 11.9783 18.2711 12.1588 18.1154 12.6175C17.7505 13.6907 16.5315 13.6907 15.3879 13.6907C14.4064 13.6907 13.4797 13.691 13.1955 14.3694C13.0315 14.7611 13.2797 14.8307 13.5519 14.9065C13.8852 14.9994 14.2551 15.1028 13.9494 15.8196C13.3634 17.1923 11.177 17.2049 9.17594 17.2161C8.4422 17.2202 7.73292 17.2243 7.13687 17.2952C7.069 17.3034 7.0084 17.3423 6.97281 17.4007C6.42436 18.3006 6.03616 19.2911 5.62125 20.3469C5.53013 20.5788 5.43753 20.8141 5.34195 21.052C5.21548 21.3665 4.8577 21.5191 4.54312 21.3928C4.22842 21.2664 4.07592 20.9087 4.2023 20.594C4.67305 19.422 5.2159 18.3441 5.80973 17.3548C6.77895 15.5699 8.68971 13.3798 10.7101 11.7346C12.5078 10.238 14.2248 9.11793 16.2228 8.26784C16.4728 8.16148 16.3987 7.86852 16.1379 7.94363C14.3657 8.45574 12.7987 9.4717 11.175 10.4954C9.40901 11.6087 7.92945 13.1146 7.01871 14.2093C6.85813 14.4023 6.50624 14.2433 6.5568 13.9973C6.80973 12.767 7.06835 11.6016 7.37809 10.7522L7.28238 10.7639C6.44178 10.8798 6.2203 11.0676 5.92105 11.3948L5.79605 11.554C5.51348 11.9708 5.29182 12.7065 5.15445 13.8382C5.0073 15.0507 4.25168 15.1172 4.03531 14.0637L4.00016 13.8382C3.8514 12.5557 3.33638 11.6044 3.14469 11.3948C2.97667 11.2113 2.48011 10.9103 1.66812 10.7688L1.30094 10.719C0.334043 10.6222 0.28533 9.81565 1.12223 9.57351L1.30094 9.53249C2.19153 9.38197 2.64469 9.16494 2.90445 8.93777L3.00504 8.84011C3.22962 8.59435 3.78116 7.71784 3.96402 6.51491L3.99625 6.2698C4.13585 4.94235 5.00674 4.95483 5.15055 6.2698C5.29411 7.58551 5.72422 8.62466 5.92105 8.84011C6.11788 9.05521 6.47376 9.25917 7.68277 9.53249C7.7981 9.55857 7.90142 9.59161 7.9943 9.62624C8.53604 9.05675 8.72654 9.22459 8.96695 9.43581C9.16999 9.6142 9.40867 9.82341 9.92203 9.6448C10.2576 9.52781 10.6911 8.76684 11.175 7.91823C11.8825 6.67737 12.6974 5.2484 13.4699 5.36745C14.4017 5.51106 14.3441 6.02636 14.3 6.42312C14.269 6.70142 14.2454 6.92081 14.5734 6.91238C14.9073 6.90341 15.2324 6.51136 15.6095 6.05593C16.1307 5.42651 16.7515 4.67636 17.633 4.65261ZM4.53238 8.17214C4.26911 8.81037 3.95672 9.28141 3.74332 9.51491C3.53024 9.74791 3.26162 9.93768 2.92594 10.096C3.26002 10.2368 3.56731 10.4174 3.79215 10.6282L3.88297 10.72L3.965 10.8176C4.15719 11.0641 4.3536 11.4381 4.51578 11.8401C4.52382 11.8601 4.53025 11.8812 4.53824 11.9016C4.68793 11.4542 4.89034 11.0398 5.18277 10.72C5.37157 10.5136 5.61429 10.266 6.01383 10.0764C5.65755 9.92268 5.39363 9.74547 5.18277 9.51491C5.02724 9.3448 4.91159 9.12468 4.83414 8.9612C4.74357 8.76996 4.65178 8.53982 4.56656 8.28347C4.55456 8.24733 4.54426 8.20969 4.53238 8.17214ZM6.55289 1.39773C6.63053 0.657978 7.11646 0.664932 7.19644 1.39773C7.27641 2.1306 7.51556 2.70953 7.62516 2.82937C7.73481 2.94909 7.93362 3.06297 8.6066 3.21511C9.27969 3.36744 9.26321 3.8135 8.6066 3.87527C7.94957 3.93694 7.81576 4.0438 7.62516 4.25222C7.43459 4.46067 7.28579 4.89241 7.1984 5.61257C7.11099 6.33285 6.63765 6.32689 6.55484 5.61257C6.4721 4.89889 6.18624 4.36957 6.07926 4.25222C5.97249 4.13547 5.62622 3.93275 5.05191 3.87527C4.47787 3.8177 4.4852 3.31103 5.05191 3.21511C5.61867 3.11933 5.86777 2.97509 6.00113 2.82937C6.13445 2.68358 6.47528 2.13758 6.55289 1.39773Z"
15
+
fill="currentColor"
16
+
/>
17
+
</svg>
18
+
);
19
+
};
-19
components/Icons/LooseleafTiny.tsx
-19
components/Icons/LooseleafTiny.tsx
···
1
-
import { Props } from "./Props";
2
-
3
-
export const LooseleafTiny = (props: Props) => {
4
-
return (
5
-
<svg
6
-
width="16"
7
-
height="16"
8
-
viewBox="0 0 16 16"
9
-
fill="none"
10
-
xmlns="http://www.w3.org/2000/svg"
11
-
{...props}
12
-
>
13
-
<path
14
-
d="M11.2738 3.16162L15.0267 3.56201C15.3663 3.5985 15.6139 3.90154 15.5824 4.2417C15.4811 5.33541 15.3687 6.86768 15.1898 8.27196C15.1 8.97649 14.9914 9.66447 14.8558 10.2641C14.7231 10.8509 14.5533 11.4049 14.3197 11.81C13.8598 12.6071 13.0155 13.1869 12.3167 13.5483C11.9571 13.7343 11.6082 13.8768 11.3206 13.9702C11.1775 14.0167 11.0401 14.0541 10.9193 14.0776C10.7541 14.1097 10.5913 14.1051 10.4251 14.0962C10.1231 14.0799 9.42901 14.0296 8.58334 13.8823C7.47126 13.6886 6.03035 13.3156 4.90268 12.5825C4.57534 12.3697 4.21248 12.0972 3.84506 11.8022C3.46225 12.2159 3.05921 12.5047 2.64194 12.6431C2.0308 12.8455 1.43066 12.7101 1.00424 12.2759C0.608272 11.8724 0.427321 11.2804 0.415374 10.6606C0.403254 10.0297 0.562907 9.31159 0.915374 8.57372C1.00241 8.39185 1.17191 8.26311 1.37045 8.22802C1.77258 8.15726 2.03737 8.51678 2.2933 8.76024C2.5295 8.98492 2.85946 9.29431 3.23373 9.63231C3.99203 10.3171 4.90157 11.0908 5.58432 11.5347C6.49837 12.1288 7.73879 12.4665 8.79721 12.6509C9.57737 12.7867 10.2253 12.8337 10.4925 12.8481C10.6571 12.857 10.7671 12.8352 10.9349 12.7807C11.155 12.7093 11.441 12.5939 11.7425 12.438C12.3673 12.1148 12.9557 11.6727 13.2367 11.186C13.3732 10.9493 13.511 10.5452 13.6371 9.98778C13.7602 9.44308 13.8622 8.79923 13.9496 8.11376C14.0946 6.97515 14.1935 5.76335 14.2826 4.73974L11.141 4.40381C10.7981 4.36676 10.5497 4.05925 10.5863 3.71631C10.623 3.37337 10.9309 3.12535 11.2738 3.16162ZM1.74155 9.95751C1.68375 10.2082 1.66055 10.4373 1.6644 10.6372C1.67254 11.0552 1.7951 11.2962 1.89682 11.3999C1.96817 11.4725 2.06103 11.5185 2.24838 11.4565C2.40601 11.4043 2.62567 11.2693 2.88803 10.9956C2.71779 10.8466 2.55167 10.7008 2.39584 10.56C2.1555 10.343 1.93347 10.1371 1.74155 9.95751ZM7.96322 6.41162C8.31566 6.24529 8.70512 6.24366 9.04233 6.44872C9.34367 6.63216 9.52187 6.93155 9.62338 7.20556C9.72836 7.48916 9.77666 7.81215 9.7767 8.1372C9.77667 8.6247 9.74792 9.11115 9.78354 9.59813C9.92459 9.40912 10.1034 9.15794 10.2708 8.95556C10.4074 8.79053 10.6272 8.54235 10.9017 8.42333C11.0496 8.37061 11.1951 8.34487 11.3519 8.38329C11.5136 8.42299 11.628 8.51182 11.6996 8.58642C11.8258 8.71812 11.8852 8.87607 11.9124 8.95458C11.9724 9.12791 12.0164 9.36363 12.0472 9.51122C12.0685 9.61332 12.0877 9.69219 12.1038 9.75145C12.2564 9.83216 12.3762 9.97288 12.4203 10.1538C12.5016 10.489 12.2964 10.827 11.9613 10.9087C11.7048 10.971 11.4618 10.9006 11.2826 10.7563C11.133 10.6358 11.0491 10.4826 11.0033 10.3823C10.9715 10.3127 10.9455 10.2369 10.9222 10.1616C10.8894 10.2062 10.8558 10.2528 10.8206 10.3003C10.6776 10.4935 10.5049 10.7208 10.3285 10.8921C10.2401 10.9778 10.1241 11.0763 9.98471 11.1479C9.84326 11.2205 9.62468 11.2914 9.37338 11.229C9.12739 11.1678 8.96103 11.0117 8.85873 10.8696C8.75978 10.7319 8.6993 10.5791 8.65951 10.4477C8.57995 10.1849 8.54518 9.87525 8.52865 9.5952C8.49614 9.04324 8.52667 8.38518 8.5267 8.1372C8.52667 7.95206 8.50644 7.75603 8.42709 7.58642C8.35866 7.63907 8.25391 7.74085 8.12045 7.92724C7.96238 8.14867 7.88446 8.42797 7.77572 8.67626C7.60415 9.06796 7.39016 9.49817 6.98471 9.69188C6.67331 9.84037 6.29944 9.70824 6.15072 9.39696C6.00888 9.09909 6.12486 8.74671 6.40756 8.58642C6.51366 8.47888 6.57211 8.31017 6.63119 8.17528C6.77553 7.84573 6.89305 7.49444 7.10385 7.1997C7.35704 6.84609 7.64105 6.56381 7.96322 6.41162ZM5.92026 2.61377C6.26261 2.65786 6.50438 2.97161 6.4603 3.31396C6.34872 4.18082 6.36724 5.06034 6.26889 5.92919C6.15284 6.95425 5.90409 8.0946 5.25912 9.16552C5.08097 9.46107 4.69635 9.55648 4.40073 9.37841C4.10557 9.20023 4.0101 8.81645 4.18783 8.52099C4.703 7.66575 4.92072 6.72471 5.0267 5.78857C5.1258 4.91308 5.10851 4.02764 5.22104 3.15381C5.26521 2.81184 5.57829 2.57015 5.92026 2.61377ZM8.44369 1.89307C9.32915 1.89314 10.0472 2.61111 10.0472 3.49658C10.0472 3.77125 9.97757 4.02935 9.8558 4.25537L10.2923 4.7417C10.5227 4.99871 10.5005 5.39412 10.2435 5.62451C9.98648 5.85467 9.59102 5.83358 9.36069 5.57666L8.87826 5.03857C8.74 5.07745 8.59436 5.10008 8.44369 5.10009C7.55837 5.09991 6.84025 4.38192 6.84018 3.49658C6.84018 2.61117 7.55833 1.89325 8.44369 1.89307ZM8.44369 3.14306C8.24868 3.14325 8.09018 3.30153 8.09018 3.49658C8.09025 3.69157 8.24873 3.84991 8.44369 3.8501C8.63875 3.85002 8.79713 3.69163 8.79721 3.49658C8.79721 3.30146 8.63879 3.14314 8.44369 3.14306Z"
15
-
fill="currentColor"
16
-
/>
17
-
</svg>
18
-
);
19
-
};
···
-1
components/Icons/MoreOptionsVerticalTiny.tsx
-1
components/Icons/MoreOptionsVerticalTiny.tsx
···
8
viewBox="0 0 12 24"
9
fill="none"
10
xmlns="http://www.w3.org/2000/svg"
11
-
{...props}
12
>
13
<path
14
d="M6 15.5C6.82843 15.5 7.5 16.1716 7.5 17C7.5 17.8284 6.82843 18.5 6 18.5C5.17157 18.5 4.5 17.8284 4.5 17C4.5 16.1716 5.17157 15.5 6 15.5ZM6 10.5C6.82843 10.5 7.5 11.1716 7.5 12C7.5 12.8284 6.82843 13.5 6 13.5C5.17157 13.5 4.5 12.8284 4.5 12C4.5 11.1716 5.17157 10.5 6 10.5ZM6 5.5C6.82843 5.5 7.5 6.17157 7.5 7C7.5 7.82843 6.82843 8.5 6 8.5C5.17157 8.5 4.5 7.82843 4.5 7C4.5 6.17157 5.17157 5.5 6 5.5Z"
···
8
viewBox="0 0 12 24"
9
fill="none"
10
xmlns="http://www.w3.org/2000/svg"
11
>
12
<path
13
d="M6 15.5C6.82843 15.5 7.5 16.1716 7.5 17C7.5 17.8284 6.82843 18.5 6 18.5C5.17157 18.5 4.5 17.8284 4.5 17C4.5 16.1716 5.17157 15.5 6 15.5ZM6 10.5C6.82843 10.5 7.5 11.1716 7.5 12C7.5 12.8284 6.82843 13.5 6 13.5C5.17157 13.5 4.5 12.8284 4.5 12C4.5 11.1716 5.17157 10.5 6 10.5ZM6 5.5C6.82843 5.5 7.5 6.17157 7.5 7C7.5 7.82843 6.82843 8.5 6 8.5C5.17157 8.5 4.5 7.82843 4.5 7C4.5 6.17157 5.17157 5.5 6 5.5Z"
+36
-1
components/Icons/NotificationSmall.tsx
+36
-1
components/Icons/NotificationSmall.tsx
···
26
viewBox="0 0 24 24"
27
fill="none"
28
xmlns="http://www.w3.org/2000/svg"
29
{...props}
30
>
31
<path
32
-
d="M12.379 1.43198C13.4689 1.41079 14.1368 1.86924 14.4992 2.30308C15.0424 2.95384 15.1168 3.72838 15.0753 4.3021C17.3983 5.25881 18.4631 7.59734 18.9484 10.3275C19.1445 11.0495 19.539 11.3859 20.0538 11.7269C20.5738 12.0711 21.4604 12.5232 21.9367 13.4847C22.7585 15.1448 22.219 17.3154 20.3732 18.472C19.6405 18.9311 18.7598 19.4667 17.4933 19.8783C16.8876 20.0751 16.2004 20.2389 15.4054 20.3587C15.0286 21.64 13.8299 22.5687 12.422 22.5687C11.0175 22.5684 9.8201 21.6443 9.44056 20.3675C8.62793 20.2471 7.93094 20.079 7.31849 19.8773C6.0667 19.465 5.20053 18.928 4.47279 18.472C2.62669 17.3153 2.08725 15.1449 2.90931 13.4847C3.38819 12.5179 4.18479 12.1099 4.72669 11.7923C5.25122 11.485 5.62837 11.2249 5.88294 10.6478C6.04112 9.31375 6.33609 8.10299 6.82923 7.0814C7.44748 5.8009 8.37993 4.81743 9.70521 4.27671C9.68221 3.73659 9.78903 3.07493 10.2296 2.4769C10.3087 2.36964 10.5055 2.10112 10.8654 1.86558C11.2304 1.62673 11.7262 1.44477 12.379 1.43198ZM13.963 20.515C13.4751 20.5481 12.9528 20.5667 12.3917 20.5667C11.8542 20.5667 11.3526 20.5494 10.8839 20.5189C11.2161 20.9991 11.7775 21.3185 12.422 21.3187C13.0684 21.3187 13.6311 20.9974 13.963 20.515ZM12.4035 2.93198C12.0278 2.93931 11.807 3.03915 11.6827 3.12046C11.5541 3.20485 11.4861 3.29613 11.4357 3.3646C11.2306 3.64338 11.1781 3.98084 11.2101 4.30503C11.233 4.53653 11.3069 4.74354 11.3361 4.8021C11.5745 5.09978 11.5517 5.53674 11.2716 5.80894C10.9739 6.09788 10.498 6.09183 10.2101 5.79526C10.1865 5.77095 10.1678 5.74218 10.1466 5.71519C9.27113 6.10725 8.63618 6.78165 8.17884 7.72886C7.627 8.87197 7.33861 10.4065 7.25599 12.2748C7.24499 12.7149 7.1279 13.2121 6.98646 13.6273C6.84551 14.0408 6.6358 14.3817 6.31166 14.7435C6.03482 15.0524 5.56101 15.0794 5.25306 14.8041C4.9451 14.5283 4.91961 14.0536 5.19642 13.7445C5.40901 13.5071 5.50261 13.3391 5.56751 13.1488C5.58207 13.1061 5.59391 13.0608 5.60658 13.013C5.56502 13.0379 5.52488 13.0636 5.48451 13.0873C4.86861 13.4481 4.50111 13.6519 4.25404 14.1507C3.78545 15.0972 4.05431 16.439 5.26966 17.2005C5.98211 17.6469 6.71946 18.1005 7.78822 18.4525C8.85905 18.8051 10.298 19.0667 12.3917 19.0667C14.4855 19.0667 15.9412 18.8051 17.0294 18.4515C18.1149 18.0987 18.8688 17.6438 19.5763 17.2005C20.7913 16.4391 21.0603 15.0971 20.5919 14.1507C20.3558 13.674 19.9814 13.4704 19.338 13.0501C19.3917 13.2186 19.4731 13.4853 19.6447 13.5697C20.0162 13.7509 20.17 14.2002 19.9874 14.5726C19.8047 14.9447 19.3551 15.0992 18.9835 14.9183C18.5687 14.716 18.3022 14.3715 18.1329 14.0541C17.9627 13.7344 17.8602 13.3869 17.796 13.0882C17.7309 12.7851 17.6995 12.5025 17.6837 12.2982C17.639 11.7172 17.5904 11.1217 17.4591 10.5531L17.465 10.5511C17.0282 8.11865 16.1654 6.46451 14.6427 5.75327C14.4333 5.97064 14.1064 6.05064 13.8126 5.9271C13.4133 5.75888 13.2861 5.33204 13.4152 4.94468C13.4307 4.90565 13.536 4.62297 13.5734 4.29331C13.6186 3.89372 13.5628 3.5267 13.3458 3.26694C13.2493 3.15138 13.0022 2.92054 12.4035 2.93198ZM10.2716 16.0873C11.742 16.2881 12.8605 16.3032 13.716 16.2064C14.1272 16.1602 14.4984 16.4563 14.5451 16.8675C14.5915 17.279 14.2954 17.651 13.8839 17.6976C12.8712 17.8122 11.6232 17.786 10.0685 17.5736C9.65818 17.5175 9.37096 17.1392 9.42689 16.7289C9.48296 16.3185 9.86121 16.0312 10.2716 16.0873ZM16.09 15.7962C16.4415 15.5778 16.9034 15.6852 17.1222 16.0365C17.3407 16.3881 17.2334 16.8509 16.882 17.0697C16.6801 17.1952 16.385 17.321 16.1437 17.388C15.7448 17.4987 15.3318 17.2644 15.2208 16.8656C15.1102 16.4666 15.3434 16.0537 15.7423 15.9427C15.8619 15.9095 16.0227 15.8381 16.09 15.7962Z"
33
fill="currentColor"
34
/>
35
</svg>
···
26
viewBox="0 0 24 24"
27
fill="none"
28
xmlns="http://www.w3.org/2000/svg"
29
+
>
30
+
<path
31
+
d="M12.3779 0.890636C13.5297 0.868361 14.2312 1.35069 14.6104 1.8047C15.1942 2.50387 15.2636 3.34086 15.2129 3.95314C17.7074 4.96061 18.8531 7.45818 19.375 10.3975C19.5903 11.1929 20.0262 11.5635 20.585 11.9336C21.1502 12.3079 22.0847 12.7839 22.5879 13.7998C23.4577 15.556 22.8886 17.8555 20.9297 19.083C20.1439 19.5754 19.2029 20.1471 17.8496 20.5869C17.1962 20.7993 16.454 20.9768 15.5928 21.1055C15.2068 22.4811 13.9287 23.4821 12.4238 23.4824C10.9225 23.4824 9.64464 22.4867 9.25489 21.1162C8.37384 20.9871 7.61998 20.8046 6.95899 20.5869C5.62158 20.1464 4.69688 19.5723 3.91602 19.083C1.95717 17.8555 1.38802 15.556 2.25782 13.7998C2.76329 12.7794 3.60199 12.3493 4.18653 12.0068C4.7551 11.6737 5.1753 11.386 5.45606 10.7432C5.62517 9.31217 5.93987 8.01645 6.4668 6.92482C7.1312 5.54855 8.13407 4.49633 9.56251 3.92482C9.53157 3.34709 9.6391 2.63284 10.1133 1.98927C10.1972 1.87543 10.4043 1.594 10.7822 1.34669C11.1653 1.09611 11.6872 0.904101 12.3779 0.890636ZM14.1709 21.2608C13.6203 21.3007 13.0279 21.3242 12.3887 21.3242C11.7757 21.3242 11.2072 21.3024 10.6777 21.2656C11.0335 21.8421 11.6776 22.2324 12.4238 22.2324C13.1718 22.2321 13.816 21.8396 14.1709 21.2608ZM12.4004 2.38966C11.9872 2.39776 11.7419 2.50852 11.5996 2.60157C11.4528 2.6977 11.3746 2.801 11.3193 2.87599C11.088 3.19 11.031 3.56921 11.0664 3.92677C11.084 4.10311 11.1233 4.258 11.1631 4.37013C11.1875 4.43883 11.205 4.47361 11.21 4.48341C11.452 4.78119 11.4299 5.22068 11.1484 5.49415C10.8507 5.78325 10.3748 5.77716 10.0869 5.48048C10.0533 5.44582 10.0231 5.40711 9.99415 5.3672C9.0215 5.79157 8.31886 6.53162 7.81641 7.57228C7.21929 8.80941 6.91013 10.4656 6.82129 12.4746L6.81934 12.5137L6.81446 12.5518C6.73876 13.0607 6.67109 13.5103 6.53418 13.9121C6.38567 14.3476 6.16406 14.7061 5.82032 15.0899C5.54351 15.3988 5.06973 15.4268 4.76172 15.1514C4.45392 14.8758 4.42871 14.4019 4.70508 14.0928C4.93763 13.8332 5.04272 13.6453 5.11524 13.4326C5.14365 13.3492 5.16552 13.2588 5.18848 13.1553C5.10586 13.2062 5.02441 13.2544 4.94532 13.3008C4.28651 13.6868 3.87545 13.9129 3.60157 14.4658C3.08548 15.5082 3.38433 16.9793 4.71192 17.8115C5.4776 18.2913 6.27423 18.7818 7.42872 19.1621C8.58507 19.543 10.1358 19.8242 12.3887 19.8242C14.6416 19.8242 16.2108 19.5429 17.3857 19.1611C18.5582 18.7801 19.3721 18.2882 20.1328 17.8115C21.4611 16.9793 21.7595 15.5084 21.2432 14.4658C20.9668 13.9081 20.515 13.6867 19.7568 13.1846C19.7553 13.1835 19.7535 13.1827 19.752 13.1817C19.799 13.3591 19.8588 13.5202 19.9287 13.6514C20.021 13.8244 20.1034 13.8927 20.1533 13.917C20.5249 14.0981 20.6783 14.5465 20.4961 14.919C20.3135 15.2913 19.8639 15.4467 19.4922 15.2656C19.0607 15.0553 18.7821 14.6963 18.6035 14.3613C18.4238 14.0242 18.3154 13.6559 18.2471 13.3379C18.1778 13.0155 18.1437 12.7147 18.127 12.4971C18.1185 12.3873 18.1145 12.2956 18.1123 12.2305C18.1115 12.2065 18.1107 12.1856 18.1104 12.169C18.0569 11.6585 17.9885 11.1724 17.9082 10.7109C17.9002 10.6794 17.8913 10.6476 17.8838 10.6152L17.8906 10.6133C17.4166 7.97573 16.4732 6.17239 14.791 5.40821C14.5832 5.64607 14.2423 5.73912 13.9365 5.61036C13.5557 5.44988 13.3777 5.01056 13.5391 4.62892C13.5394 4.62821 13.5397 4.62699 13.54 4.62599C13.5425 4.61977 13.5479 4.6087 13.5537 4.59278C13.5658 4.55999 13.5837 4.50758 13.6035 4.44142C13.6438 4.30713 13.6903 4.12034 13.7139 3.91212C13.7631 3.47644 13.7038 3.06402 13.457 2.76857C13.3434 2.63264 13.0616 2.37678 12.4004 2.38966ZM10.1055 16.625C11.6872 16.8411 12.8931 16.8585 13.8174 16.7539C14.2287 16.7076 14.5997 17.0028 14.6465 17.4141C14.693 17.8256 14.3969 18.1976 13.9854 18.2442C12.9038 18.3665 11.5684 18.3389 9.90235 18.1113C9.49223 18.0551 9.20488 17.6768 9.26075 17.2666C9.3168 16.8563 9.6952 16.5691 10.1055 16.625ZM16.3887 16.3047C16.7403 16.086 17.203 16.1935 17.4219 16.5449C17.6406 16.8967 17.5324 17.3594 17.1807 17.5781C16.9689 17.7097 16.6577 17.8424 16.4033 17.9131C16.0045 18.0237 15.5914 17.7904 15.4805 17.3916C15.3696 16.9926 15.6031 16.5788 16.002 16.4678C16.1344 16.431 16.3112 16.3527 16.3887 16.3047Z"
32
+
fill="currentColor"
33
+
/>
34
+
</svg>
35
+
);
36
+
};
37
+
38
+
export const ReaderUnread = (props: Props) => {
39
+
return (
40
+
<svg
41
+
width="24"
42
+
height="24"
43
+
viewBox="0 0 24 24"
44
+
fill="none"
45
+
xmlns="http://www.w3.org/2000/svg"
46
{...props}
47
>
48
<path
49
+
d="M2.40963 18.0472C2.40983 17.3641 2.99636 17.3642 2.99655 18.0472C2.99654 18.7307 3.28805 19.1528 3.38815 19.263C3.48823 19.3732 3.66105 19.7179 4.28463 19.7181C4.90847 19.7182 4.90847 20.3255 4.28463 20.3255C3.66107 20.3256 3.56221 20.5899 3.38815 20.7816C3.21412 20.9732 2.99855 21.2572 2.9985 21.9232C2.9985 22.5896 2.41159 22.6066 2.41159 21.9232C2.41151 21.2398 2.04325 20.8276 2.00143 20.7816C1.959 20.735 1.52689 20.3255 1.03854 20.3255C0.549966 20.3254 0.554718 19.7182 1.03854 19.7181C1.52186 19.7181 1.83806 19.3644 1.93014 19.263C2.02172 19.1622 2.40963 18.7307 2.40963 18.0472ZM18.3989 13.7962C18.3991 13.1543 18.8958 13.1543 18.896 13.7962C18.896 14.4386 19.1424 14.8352 19.227 14.9388C19.3117 15.0425 19.4577 15.3663 19.9848 15.3665C20.5125 15.3666 20.5125 15.9378 19.9848 15.9378C19.4575 15.9379 19.3742 16.1864 19.227 16.3665C19.0798 16.5466 18.897 16.8131 18.8969 17.4388C18.8969 18.0651 18.4008 18.0811 18.4008 17.4388C18.4007 16.7986 18.0911 16.4117 18.0542 16.3665C18.0188 16.3233 17.653 15.9381 17.2397 15.9378C16.8263 15.9378 16.8303 15.3665 17.2397 15.3665C17.6486 15.3663 17.916 15.0338 17.9936 14.9388C18.0711 14.844 18.3989 14.4386 18.3989 13.7962ZM5.68893 1.79134C6.32061 1.54967 6.8992 1.76772 7.31002 2.04427C7.71467 2.31686 8.06882 2.71494 8.35299 3.07649C8.63964 3.44125 8.90666 3.83827 9.10299 4.11653C9.3417 4.45493 9.26161 4.92361 8.9233 5.16243C8.58506 5.40111 8.1173 5.31974 7.87838 4.98177C7.65546 4.66583 7.42734 4.32673 7.17233 4.00227C6.91507 3.67506 6.67898 3.42822 6.47311 3.28938C6.3745 3.22296 6.30685 3.19837 6.27096 3.19075C6.24474 3.18528 6.23525 3.18881 6.22506 3.1927C6.18423 3.20859 5.9833 3.32114 5.7192 3.88899C5.59862 4.14843 5.29699 5.01402 4.93209 6.10677C4.85847 6.12987 4.80511 6.14661 4.79831 6.15462C4.79485 6.15884 4.79121 6.16214 4.78854 6.16536C4.4966 6.19308 4.21288 6.31734 3.99459 6.54427C3.75682 6.79162 3.64898 7.10768 3.64791 7.40462C3.64696 7.70171 3.75272 8.02065 3.99264 8.27083C4.04882 8.32937 4.1096 8.38044 4.1733 8.42513C3.95587 9.09776 3.75091 9.74532 3.5776 10.2884C3.85066 10.3144 4.12174 10.3779 4.38034 10.4691C5.16136 10.7446 5.92693 11.3005 6.54928 12.0501C6.71967 11.9646 6.90306 11.9158 7.08932 11.8929C7.52605 11.8392 7.97349 11.9251 8.39889 12.1146C8.52073 11.5922 8.77238 11.1032 9.17428 10.6868C10.661 9.14683 13.2111 9.62241 14.8227 11.1781C14.9553 11.306 15.0799 11.4413 15.1977 11.5814C15.3522 11.0931 15.5412 10.4983 15.7387 9.87044C16.2338 8.29641 16.7876 6.52428 17.0298 5.71028C17.333 4.69126 17.7647 3.91964 18.3823 3.49056C19.0569 3.02218 19.7993 3.06179 20.4389 3.34017C21.047 3.60494 21.6053 4.09649 22.0825 4.63802C22.5684 5.18942 23.0142 5.84393 23.3862 6.50032C23.59 6.86052 23.4639 7.31757 23.104 7.52181C22.7438 7.72592 22.2859 7.59954 22.0815 7.23958C21.7486 6.6521 21.3605 6.08653 20.9575 5.62923C20.546 5.16239 20.1597 4.85528 19.8403 4.71614C19.5524 4.5908 19.3833 4.62119 19.2368 4.72298C19.0332 4.86476 18.7324 5.24367 18.4663 6.13802C18.2201 6.9656 17.6633 8.74963 17.1694 10.3197C16.922 11.1061 16.6893 11.8418 16.519 12.3802C16.4339 12.6494 16.3652 12.87 16.3169 13.0228C16.2928 13.0988 16.274 13.1581 16.2612 13.1986C16.2548 13.2188 16.2489 13.235 16.2456 13.2454C16.2441 13.2501 16.2425 13.2536 16.2417 13.2562V13.2591L16.2407 13.2601C16.2268 13.3038 16.2077 13.3449 16.187 13.3841C16.5566 14.5982 16.4051 15.8801 15.5122 16.805C14.0254 18.345 11.4753 17.8696 9.86373 16.3138C9.18414 15.6576 8.69133 14.8276 8.45944 13.972C8.05454 13.5525 7.64913 13.397 7.38424 13.3831C7.59712 13.8598 7.7328 14.345 7.7778 14.8138C7.86052 15.6775 7.64387 16.5969 6.91061 17.1702C6.17739 17.7433 5.23363 17.7322 4.41549 17.4437C3.58744 17.1515 2.77404 16.5464 2.13327 15.7269C1.49254 14.9074 1.10184 13.972 1.01803 13.098C0.936885 12.25 1.1447 11.3498 1.84616 10.7747C2.09807 9.97534 2.5868 8.4405 3.06979 6.96224C3.59658 5.34994 4.14583 3.71844 4.3608 3.25618C4.68344 2.56265 5.10288 2.01575 5.68893 1.79134ZM13.7807 12.2572C12.4881 11.0094 10.9295 11.0284 10.2534 11.7288C9.57757 12.4294 9.61347 13.987 10.9057 15.2347C12.1981 16.4823 13.7567 16.464 14.4331 15.764C15.1092 15.0636 15.0731 13.505 13.7807 12.2572ZM3.88229 11.8841C3.3528 11.6973 2.99993 11.7759 2.80905 11.9251C2.61843 12.0746 2.45867 12.3971 2.51217 12.9554C2.5648 13.5041 2.82326 14.1742 3.31491 14.8031C3.8066 15.4319 4.39472 15.8452 4.91452 16.0286C5.44348 16.2152 5.79586 16.1376 5.98678 15.9886C6.17756 15.8394 6.33808 15.5159 6.28463 14.9574C6.23201 14.4087 5.97256 13.7385 5.48092 13.1097C4.98934 12.481 4.40201 12.0676 3.88229 11.8841ZM11.9194 14.7786C12.0925 14.5637 12.4074 14.5295 12.6225 14.7025C12.661 14.7334 12.7453 14.7848 12.8491 14.8284C12.8979 14.849 12.9439 14.8642 12.9819 14.8743C13.0173 14.8837 13.0359 14.8858 13.0395 14.8861C13.3156 14.8914 13.5361 15.1197 13.5307 15.3958C13.5253 15.6718 13.2969 15.8912 13.021 15.8861C12.823 15.8822 12.6163 15.8145 12.4614 15.7493C12.2997 15.6813 12.1271 15.5876 11.9956 15.4818C11.7806 15.3087 11.7465 14.9937 11.9194 14.7786ZM3.50924 12.1361L3.57955 12.1497L3.6733 12.1878C3.88055 12.2932 3.99317 12.533 3.92916 12.7659C3.90752 12.8445 3.8653 12.9118 3.81393 12.9681C3.81694 12.9884 3.81922 13.0124 3.82467 13.0384C3.87694 13.2878 4.02405 13.6447 4.28561 13.9671C4.45941 14.1814 4.42741 14.4972 4.21334 14.6712C3.99906 14.8451 3.68332 14.812 3.50924 14.598C3.14412 14.1481 2.92999 13.6431 2.84616 13.2425C2.80618 13.0513 2.78536 12.8362 2.82565 12.6468C2.84499 12.5561 2.89269 12.4054 3.02291 12.2845C3.16403 12.1538 3.34353 12.1108 3.50924 12.1361ZM11.0669 11.7454C11.2971 11.7138 11.5265 11.8478 11.6069 12.0755C11.6924 12.3193 11.576 12.5828 11.3471 12.6908C11.3428 12.696 11.3346 12.705 11.3256 12.721C11.2978 12.7706 11.2672 12.8577 11.2592 12.9779C11.244 13.2098 11.3168 13.5618 11.6518 13.9544C11.831 14.1644 11.806 14.4802 11.5962 14.6595C11.3862 14.8387 11.0704 14.8145 10.8911 14.6048C10.4014 14.0312 10.2273 13.4258 10.2612 12.9115C10.2779 12.6589 10.3462 12.4249 10.4546 12.2318C10.5444 12.0719 10.6842 11.9039 10.8803 11.807L10.9672 11.7699L11.0669 11.7454ZM5.92428 5.79427C5.92428 5.2357 6.35593 5.23572 6.35592 5.79427C6.35593 6.35264 6.57034 6.69727 6.64401 6.78743C6.71763 6.87749 6.84534 7.15945 7.30416 7.1595C7.76238 7.15988 7.76238 7.65527 7.30416 7.65559C6.84534 7.65559 6.77205 7.872 6.64401 8.02864C6.51604 8.18525 6.35794 8.41728 6.35788 8.96126C6.35788 9.50588 5.92623 9.51978 5.92623 8.96126C5.92613 8.40366 5.65582 8.067 5.62448 8.02864C5.59372 7.99102 5.27579 7.65582 4.91647 7.65559C4.557 7.65559 4.56049 7.1595 4.91647 7.1595C5.27178 7.15932 5.50406 6.87024 5.57174 6.78743C5.63909 6.70504 5.92426 6.3528 5.92428 5.79427Z"
50
+
fill="currentColor"
51
+
/>
52
+
</svg>
53
+
);
54
+
};
55
+
56
+
export const ReaderRead = (props: Props) => {
57
+
return (
58
+
<svg
59
+
width="24"
60
+
height="24"
61
+
viewBox="0 0 24 24"
62
+
fill="none"
63
+
xmlns="http://www.w3.org/2000/svg"
64
+
{...props}
65
+
>
66
+
<path
67
+
d="M5.3939 5.10098C6.94949 3.45228 9.5127 3.07248 11.1166 4.58535C11.8822 5.30769 12.2281 6.27357 12.2132 7.26504C12.4456 7.20657 12.6982 7.16362 12.9515 7.15469C13.2516 7.14413 13.6091 7.17916 13.9379 7.34707C14.6404 7.7064 15.0081 8.33088 15.142 8.9418C16.5998 8.30589 18.3571 8.43563 19.7631 9.42032C21.8907 10.9106 22.4521 13.8268 20.9711 15.9418C20.5099 16.6002 19.9071 17.0981 19.2328 17.4281C19.2725 17.8704 19.3144 18.3372 19.389 18.8285C19.4945 19.5226 19.6505 20.0808 19.8754 20.4223C20.103 20.7681 20.0071 21.2335 19.6615 21.4613C19.3156 21.6891 18.8503 21.5932 18.6224 21.2475C18.2076 20.6174 18.0171 19.7803 17.9066 19.0531C17.8466 18.658 17.8029 18.2404 17.7679 17.8647C16.6347 18.0087 15.441 17.7451 14.4291 17.0365C12.3744 15.5975 11.7805 12.8288 13.0756 10.7358L11.4466 9.68106C11.2965 9.90817 11.1261 10.1258 10.9349 10.3285C9.3795 11.9772 6.81619 12.3575 5.21226 10.8451C4.85829 10.5112 4.59328 10.1249 4.41246 9.70841C4.12505 9.84619 3.7775 10.0195 3.40464 10.2016C3.08808 10.3561 2.76192 10.5118 2.47203 10.6361C2.20246 10.7518 1.89418 10.872 1.63999 10.9145C1.23165 10.9825 0.845053 10.7066 0.776711 10.2982C0.7085 9.88981 0.984507 9.50334 1.39292 9.43497C1.44871 9.42563 1.60626 9.37614 1.8812 9.25821C2.1356 9.14908 2.43339 9.00579 2.74644 8.85294C3.20082 8.63107 3.71706 8.37021 4.11265 8.19278C4.12147 7.09833 4.57394 5.97021 5.3939 5.10098ZM18.9027 10.6488C17.7826 9.86431 16.3636 9.87558 15.3129 10.5473C16.188 11.0878 17.0483 11.6416 17.7211 12.0824C18.1169 12.3418 18.449 12.5624 18.682 12.7182C18.7984 12.796 18.8907 12.8585 18.9535 12.9008C18.9844 12.9216 19.0085 12.9377 19.0248 12.9486C19.0328 12.9541 19.0392 12.9585 19.0433 12.9613C19.0454 12.9627 19.0471 12.9645 19.0482 12.9652H19.0492V12.9662C19.2776 13.1212 19.3377 13.4321 19.183 13.6606C19.0279 13.8888 18.7161 13.9473 18.4877 13.7924L18.4867 13.7934C18.4857 13.7927 18.4847 13.7908 18.4828 13.7895C18.4789 13.7868 18.4729 13.7829 18.4652 13.7777C18.4493 13.767 18.4248 13.7507 18.3939 13.7299C18.3771 13.7186 18.3582 13.7059 18.3373 13.6918C18.3409 13.7007 18.3455 13.7094 18.349 13.7182C18.4391 13.9478 18.4846 14.151 18.514 14.3129C18.5488 14.5038 18.5528 14.5587 18.5697 14.6166C18.6475 14.8814 18.4955 15.1597 18.2308 15.2377C17.9663 15.3152 17.6888 15.1642 17.6107 14.8998C17.5741 14.7753 17.5483 14.5898 17.5306 14.4926C17.5076 14.366 17.4762 14.2309 17.4183 14.0834C17.3064 13.7986 17.0738 13.4138 16.516 12.9633L14.3353 11.5512C13.4914 12.949 13.8764 14.8184 15.2894 15.808C16.7626 16.8395 18.752 16.4941 19.7416 15.0815C20.731 13.6686 20.3757 11.6807 18.9027 10.6488ZM10.0873 5.67715C9.23327 4.87156 7.62151 4.92548 6.48472 6.13028C5.34805 7.33535 5.38756 8.94767 6.24156 9.75333C7.09567 10.5587 8.70742 10.5041 9.8441 9.29923C9.97166 9.16397 10.0826 9.02211 10.181 8.87833C8.43436 8.11224 8.03413 8.1053 7.73863 8.15372C7.49417 8.19384 7.43342 8.19931 7.34215 8.21719C7.27583 8.2302 7.20421 8.24884 7.00426 8.31387C6.74185 8.39904 6.45989 8.25486 6.37437 7.99258C6.28923 7.73019 6.43242 7.44723 6.69469 7.36172C6.90022 7.29488 7.02051 7.26011 7.14976 7.23477C7.25177 7.2148 7.38857 7.1961 7.5648 7.16739L7.50523 7.1293C7.27353 6.9792 7.20675 6.66966 7.3568 6.43789C7.50691 6.20642 7.81653 6.14058 8.0482 6.29043L10.6127 7.95059C10.8517 7.07384 10.6453 6.20394 10.0873 5.67715ZM13.0043 8.65372C12.9388 8.65604 12.868 8.66411 12.7933 8.67618L13.6478 9.14883C13.5794 8.94601 13.4513 8.7833 13.2552 8.68301C13.2369 8.67373 13.1626 8.64818 13.0043 8.65372Z"
68
fill="currentColor"
69
/>
70
</svg>
-18
components/Icons/RSSTiny.tsx
-18
components/Icons/RSSTiny.tsx
···
1
-
import { Props } from "./Props";
2
-
export const RSSTiny = (props: Props) => {
3
-
return (
4
-
<svg
5
-
width="16"
6
-
height="16"
7
-
viewBox="0 0 16 16"
8
-
fill="none"
9
-
xmlns="http://www.w3.org/2000/svg"
10
-
{...props}
11
-
>
12
-
<path
13
-
d="M2.82098 5.7636C6.84291 5.76364 10.2363 8.92669 10.2364 13.179C10.2364 13.8688 9.67713 14.428 8.98738 14.428C8.29764 14.428 7.73841 13.8688 7.73837 13.179C7.7383 10.3543 5.5118 8.26167 2.82098 8.26163C2.13119 8.26163 1.572 7.7024 1.57196 7.01262C1.57196 6.32281 2.13116 5.7636 2.82098 5.7636ZM2.82098 1.57196C9.12441 1.572 14.428 6.52137 14.428 13.179C14.428 13.8688 13.8688 14.428 13.179 14.428C12.4892 14.428 11.93 13.8688 11.93 13.179C11.93 7.94901 7.7933 4.07003 2.82098 4.06999C2.13116 4.06999 1.57196 3.51079 1.57196 2.82098C1.57196 2.13116 2.13116 1.57196 2.82098 1.57196ZM3.93094 10.6066C4.82318 10.6067 5.54639 11.3299 5.54649 12.2221C5.54649 13.1145 4.82325 13.8382 3.93094 13.8383C3.03853 13.8383 2.31478 13.1145 2.31478 12.2221C2.31489 11.3298 3.03859 10.6066 3.93094 10.6066Z"
14
-
fill="currentColor"
15
-
/>
16
-
</svg>
17
-
);
18
-
};
···
+3
-4
components/Icons/ReaderSmall.tsx
+3
-4
components/Icons/ReaderSmall.tsx
···
3
export const ReaderUnreadSmall = (props: Props) => {
4
return (
5
<svg
6
-
width="24"
7
height="24"
8
-
viewBox="0 0 24 24"
9
fill="none"
10
xmlns="http://www.w3.org/2000/svg"
11
-
{...props}
12
>
13
<path
14
-
d="M2.73574 18.3601C2.73594 17.677 3.32247 17.677 3.32266 18.3601C3.32265 19.0436 3.61416 19.4657 3.71426 19.5759C3.81434 19.6861 3.98716 20.0308 4.61074 20.031C5.23458 20.031 5.23458 20.6384 4.61074 20.6384C3.98718 20.6385 3.88832 20.9028 3.71426 21.0945C3.54023 21.2861 3.32466 21.5701 3.32461 22.2361C3.32461 22.9025 2.7377 22.9195 2.7377 22.2361C2.73762 21.5527 2.36936 21.1405 2.32754 21.0945C2.28512 21.0478 1.853 20.6384 1.36465 20.6384C0.876077 20.6383 0.880828 20.0311 1.36465 20.031C1.84797 20.031 2.16417 19.6773 2.25625 19.5759C2.34783 19.4751 2.73574 19.0436 2.73574 18.3601ZM18.725 14.1091C18.7252 13.4672 19.2219 13.4672 19.2221 14.1091C19.2221 14.7515 19.4685 15.1481 19.5531 15.2517C19.6378 15.3554 19.7838 15.6792 20.3109 15.6794C20.8386 15.6795 20.8386 16.2507 20.3109 16.2507C19.7836 16.2508 19.7003 16.4993 19.5531 16.6794C19.406 16.8595 19.2231 17.126 19.223 17.7517C19.223 18.378 18.727 18.394 18.727 17.7517C18.7268 17.1115 18.4172 16.7246 18.3803 16.6794C18.3449 16.6361 17.9791 16.2509 17.5658 16.2507C17.1524 16.2507 17.1564 15.6794 17.5658 15.6794C17.9747 15.6792 18.2421 15.3467 18.3197 15.2517C18.3972 15.1569 18.725 14.7515 18.725 14.1091ZM6.01504 2.10422C6.64672 1.86255 7.22531 2.08061 7.63613 2.35715C8.04078 2.62974 8.39493 3.02782 8.6791 3.38937C8.96575 3.75413 9.23277 4.15115 9.4291 4.42941C9.66781 4.76781 9.58772 5.23649 9.24942 5.47531C8.91117 5.71399 8.44342 5.63262 8.20449 5.29465C7.98157 4.97871 7.75345 4.63961 7.49844 4.31516C7.24118 3.98794 7.00509 3.7411 6.79922 3.60227C6.70062 3.53584 6.63296 3.51125 6.59707 3.50363C6.57086 3.49816 6.56136 3.5017 6.55117 3.50559C6.51034 3.52147 6.30941 3.63402 6.04531 4.20187C5.92473 4.46131 5.6231 5.3269 5.2582 6.41965C5.18458 6.44275 5.13122 6.45949 5.12442 6.4675C5.12096 6.47173 5.11732 6.47502 5.11465 6.47824C4.82271 6.50596 4.53899 6.63022 4.3207 6.85715C4.08293 7.1045 3.97509 7.42056 3.97403 7.7175C3.97307 8.01459 4.07883 8.33353 4.31875 8.58371C4.37493 8.64225 4.43571 8.69333 4.49942 8.73801C4.28198 9.41064 4.07702 10.0582 3.90371 10.6013C4.17677 10.6273 4.44785 10.6908 4.70645 10.782C5.48747 11.0575 6.25304 11.6133 6.87539 12.363C7.04578 12.2775 7.22917 12.2287 7.41543 12.2058C7.85216 12.1521 8.2996 12.238 8.725 12.4275C8.84684 11.905 9.09849 11.4161 9.50039 10.9997C10.9871 9.45971 13.5373 9.9353 15.1488 11.4909C15.2814 11.6189 15.406 11.7542 15.5238 11.8943C15.6783 11.406 15.8673 10.8112 16.0648 10.1833C16.56 8.6093 17.1137 6.83716 17.3559 6.02316C17.6591 5.00414 18.0908 4.23252 18.7084 3.80344C19.383 3.33506 20.1254 3.37467 20.765 3.65305C21.3731 3.91782 21.9314 4.40937 22.4086 4.9509C22.8945 5.5023 23.3404 6.15682 23.7123 6.8132C23.9161 7.1734 23.7901 7.63045 23.4301 7.83469C23.0699 8.0388 22.612 7.91243 22.4076 7.55246C22.0747 6.96499 21.6866 6.39942 21.2836 5.94211C20.8721 5.47527 20.4858 5.16816 20.1664 5.02902C19.8785 4.90368 19.7094 4.93407 19.5629 5.03586C19.3593 5.17764 19.0585 5.55655 18.7924 6.4509C18.5462 7.27848 17.9894 9.06251 17.4955 10.6325C17.2481 11.419 17.0154 12.1546 16.8451 12.6931C16.76 12.9622 16.6914 13.1829 16.643 13.3357C16.6189 13.4117 16.6001 13.471 16.5873 13.5114C16.5809 13.5317 16.575 13.5479 16.5717 13.5583C16.5702 13.563 16.5686 13.5665 16.5678 13.5691V13.572L16.5668 13.573C16.5529 13.6167 16.5338 13.6578 16.5131 13.697C16.8827 14.9111 16.7312 16.1929 15.8383 17.1179C14.3515 18.6579 11.8014 18.1824 10.1898 16.6267C9.51025 15.9705 9.01744 15.1405 8.78555 14.2849C8.38066 13.8654 7.97524 13.7099 7.71035 13.696C7.92323 14.1726 8.05891 14.6578 8.10391 15.1267C8.18663 15.9904 7.96998 16.9098 7.23672 17.4831C6.5035 18.0562 5.55974 18.0451 4.7416 17.7566C3.91355 17.4644 3.10015 16.8593 2.45938 16.0398C1.81865 15.2203 1.42795 14.2849 1.34414 13.4109C1.263 12.5629 1.47081 11.6627 2.17227 11.0876C2.42418 10.2882 2.91291 8.75338 3.3959 7.27512C3.92269 5.66282 4.47194 4.03132 4.68692 3.56906C5.00955 2.87553 5.42899 2.32864 6.01504 2.10422ZM14.1068 12.57C12.8142 11.3223 11.2556 11.3413 10.5795 12.0417C9.90368 12.7423 9.93958 14.2999 11.2318 15.5476C12.5242 16.7952 14.0828 16.7769 14.7592 16.0769C15.4353 15.3765 15.3992 13.8179 14.1068 12.57ZM4.2084 12.197C3.67891 12.0102 3.32604 12.0888 3.13516 12.238C2.94454 12.3875 2.78478 12.71 2.83828 13.2683C2.89091 13.8169 3.14937 14.4871 3.64102 15.1159C4.13271 15.7448 4.72083 16.1581 5.24063 16.3415C5.76959 16.5281 6.12197 16.4505 6.31289 16.3015C6.50367 16.1522 6.66419 15.8287 6.61074 15.2702C6.55812 14.7216 6.29867 14.0514 5.80703 13.4226C5.31545 12.7939 4.72812 12.3805 4.2084 12.197ZM12.2455 15.0915C12.4186 14.8766 12.7336 14.8424 12.9486 15.0154C12.9871 15.0463 13.0714 15.0977 13.1752 15.1413C13.224 15.1618 13.27 15.1771 13.308 15.1872C13.3434 15.1966 13.362 15.1986 13.3656 15.1989C13.6417 15.2043 13.8622 15.4326 13.8568 15.7087C13.8514 15.9846 13.623 16.2041 13.3471 16.1989C13.1491 16.1951 12.9425 16.1273 12.7875 16.0622C12.6258 15.9942 12.4532 15.9004 12.3217 15.7946C12.1068 15.6215 12.0726 15.3066 12.2455 15.0915ZM3.83535 12.4489L3.90567 12.4626L3.99942 12.5007C4.20667 12.6061 4.31928 12.8459 4.25528 13.0788C4.23363 13.1573 4.19141 13.2246 4.14004 13.281C4.14305 13.3013 4.14533 13.3252 4.15078 13.3513C4.20305 13.6007 4.35016 13.9576 4.61172 14.28C4.78552 14.4943 4.75352 14.8101 4.53945 14.9841C4.32517 15.158 4.00943 15.1249 3.83535 14.9109C3.47023 14.4609 3.2561 13.956 3.17227 13.5554C3.13229 13.3642 3.11147 13.1491 3.15176 12.9597C3.1711 12.8689 3.2188 12.7183 3.34903 12.5974C3.49014 12.4666 3.66964 12.4237 3.83535 12.4489ZM11.393 12.0583C11.6232 12.0267 11.8527 12.1607 11.933 12.3884C12.0186 12.6322 11.9021 12.8956 11.6732 13.0036C11.6689 13.0089 11.6608 13.0179 11.6518 13.0339C11.6239 13.0835 11.5933 13.1706 11.5854 13.2907C11.5701 13.5227 11.6429 13.8747 11.9779 14.2673C12.1572 14.4773 12.1321 14.7931 11.9223 14.9724C11.7123 15.1516 11.3965 15.1274 11.2172 14.9177C10.7276 14.3441 10.5534 13.7387 10.5873 13.2243C10.604 12.9718 10.6723 12.7377 10.7807 12.5446C10.8705 12.3848 11.0103 12.2168 11.2064 12.1198L11.2934 12.0827L11.393 12.0583ZM6.25039 6.10715C6.25039 5.54858 6.68204 5.5486 6.68203 6.10715C6.68205 6.66552 6.89645 7.01015 6.97012 7.10031C7.04374 7.19038 7.17145 7.47233 7.63028 7.47238C8.08849 7.47276 8.08849 7.96815 7.63028 7.96848C7.17145 7.96848 7.09816 8.18488 6.97012 8.34152C6.84216 8.49813 6.68405 8.73016 6.68399 9.27414C6.68399 9.81876 6.25235 9.83266 6.25235 9.27414C6.25224 8.71654 5.98193 8.37988 5.95059 8.34152C5.91984 8.3039 5.6019 7.9687 5.24258 7.96848C4.88311 7.96848 4.8866 7.47238 5.24258 7.47238C5.59789 7.4722 5.83017 7.18312 5.89785 7.10031C5.9652 7.01792 6.25037 6.66568 6.25039 6.10715Z"
15
fill="currentColor"
16
/>
17
</svg>
···
3
export const ReaderUnreadSmall = (props: Props) => {
4
return (
5
<svg
6
+
width="25"
7
height="24"
8
+
viewBox="0 0 25 24"
9
fill="none"
10
xmlns="http://www.w3.org/2000/svg"
11
>
12
<path
13
+
d="M2.82968 18.0472C2.82987 17.3641 3.41641 17.3642 3.41659 18.0472C3.41658 18.7307 3.7081 19.1528 3.80819 19.263C3.90827 19.3732 4.08109 19.7179 4.70468 19.7181C5.32851 19.7182 5.32851 20.3255 4.70468 20.3255C4.08111 20.3256 3.98225 20.5899 3.80819 20.7816C3.63417 20.9732 3.41859 21.2572 3.41854 21.9232C3.41854 22.5896 2.83163 22.6066 2.83163 21.9232C2.83155 21.2398 2.4633 20.8276 2.42147 20.7816C2.37905 20.735 1.94693 20.3255 1.45858 20.3255C0.97001 20.3254 0.974762 19.7182 1.45858 19.7181C1.9419 19.7181 2.25811 19.3644 2.35018 19.263C2.44176 19.1622 2.82968 18.7307 2.82968 18.0472ZM18.8189 13.7962C18.8191 13.1543 19.3158 13.1543 19.316 13.7962C19.316 14.4386 19.5624 14.8352 19.6471 14.9388C19.7317 15.0425 19.8778 15.3663 20.4049 15.3665C20.9325 15.3666 20.9325 15.9378 20.4049 15.9378C19.8775 15.9379 19.7943 16.1864 19.6471 16.3665C19.4999 16.5466 19.3171 16.8131 19.317 17.4388C19.317 18.0651 18.8209 18.0811 18.8209 17.4388C18.8207 16.7986 18.5111 16.4117 18.4742 16.3665C18.4388 16.3233 18.073 15.9381 17.6598 15.9378C17.2464 15.9378 17.2504 15.3665 17.6598 15.3665C18.0686 15.3663 18.336 15.0338 18.4137 14.9388C18.4911 14.844 18.8189 14.4386 18.8189 13.7962ZM6.10897 1.79134C6.74065 1.54967 7.31924 1.76772 7.73007 2.04427C8.13472 2.31686 8.48886 2.71494 8.77304 3.07649C9.05968 3.44125 9.32671 3.83827 9.52304 4.11653C9.76174 4.45493 9.68165 4.92361 9.34335 5.16243C9.0051 5.40111 8.53735 5.31974 8.29843 4.98177C8.07551 4.66583 7.84739 4.32673 7.59237 4.00227C7.33511 3.67506 7.09903 3.42822 6.89315 3.28938C6.79455 3.22296 6.72689 3.19837 6.69101 3.19075C6.66479 3.18528 6.65529 3.18881 6.64511 3.1927C6.60428 3.20859 6.40334 3.32114 6.13925 3.88899C6.01867 4.14843 5.71704 5.01402 5.35214 6.10677C5.27851 6.12987 5.22515 6.14661 5.21835 6.15462C5.21489 6.15884 5.21125 6.16214 5.20858 6.16536C4.91664 6.19308 4.63293 6.31734 4.41464 6.54427C4.17686 6.79162 4.06902 7.10768 4.06796 7.40462C4.067 7.70171 4.17276 8.02065 4.41268 8.27083C4.46886 8.32937 4.52964 8.38044 4.59335 8.42513C4.37591 9.09776 4.17095 9.74532 3.99765 10.2884C4.2707 10.3144 4.54179 10.3779 4.80038 10.4691C5.5814 10.7446 6.34697 11.3005 6.96933 12.0501C7.13971 11.9646 7.3231 11.9158 7.50936 11.8929C7.9461 11.8392 8.39353 11.9251 8.81893 12.1146C8.94078 11.5922 9.19242 11.1032 9.59433 10.6868C11.081 9.14683 13.6312 9.62241 15.2428 11.1781C15.3753 11.306 15.4999 11.4413 15.6178 11.5814C15.7723 11.0931 15.9613 10.4983 16.1588 9.87044C16.6539 8.29641 17.2076 6.52428 17.4498 5.71028C17.7531 4.69126 18.1848 3.91964 18.8023 3.49056C19.4769 3.02218 20.2194 3.06179 20.859 3.34017C21.4671 3.60494 22.0253 4.09649 22.5025 4.63802C22.9884 5.18942 23.4343 5.84393 23.8062 6.50032C24.0101 6.86052 23.884 7.31757 23.524 7.52181C23.1638 7.72592 22.7059 7.59954 22.5016 7.23958C22.1686 6.6521 21.7805 6.08653 21.3775 5.62923C20.9661 5.16239 20.5798 4.85528 20.2603 4.71614C19.9724 4.5908 19.8033 4.62119 19.6568 4.72298C19.4532 4.86476 19.1524 5.24367 18.8863 6.13802C18.6401 6.9656 18.0833 8.74963 17.5894 10.3197C17.3421 11.1061 17.1093 11.8418 16.9391 12.3802C16.854 12.6494 16.7853 12.87 16.7369 13.0228C16.7128 13.0988 16.6941 13.1581 16.6812 13.1986C16.6748 13.2188 16.6689 13.235 16.6656 13.2454C16.6641 13.2501 16.6625 13.2536 16.6617 13.2562V13.2591L16.6607 13.2601C16.6469 13.3038 16.6277 13.3449 16.607 13.3841C16.9766 14.5982 16.8251 15.8801 15.9322 16.805C14.4454 18.345 11.8953 17.8696 10.2838 16.3138C9.60418 15.6576 9.11137 14.8276 8.87948 13.972C8.47459 13.5525 8.06917 13.397 7.80429 13.3831C8.01717 13.8598 8.15284 14.345 8.19784 14.8138C8.28056 15.6775 8.06391 16.5969 7.33065 17.1702C6.59744 17.7433 5.65367 17.7322 4.83554 17.4437C4.00748 17.1515 3.19408 16.5464 2.55331 15.7269C1.91258 14.9074 1.52188 13.972 1.43808 13.098C1.35693 12.25 1.56474 11.3498 2.2662 10.7747C2.51811 9.97534 3.00684 8.4405 3.48983 6.96224C4.01662 5.34994 4.56587 3.71844 4.78085 3.25618C5.10348 2.56265 5.52293 2.01575 6.10897 1.79134ZM14.2008 12.2572C12.9082 11.0094 11.3496 11.0284 10.6734 11.7288C9.99762 12.4294 10.0335 13.987 11.3258 15.2347C12.6181 16.4823 14.1767 16.464 14.8531 15.764C15.5292 15.0636 15.4931 13.505 14.2008 12.2572ZM4.30233 11.8841C3.77284 11.6973 3.41998 11.7759 3.22909 11.9251C3.03847 12.0746 2.87871 12.3971 2.93222 12.9554C2.98485 13.5041 3.24331 14.1742 3.73495 14.8031C4.22664 15.4319 4.81476 15.8452 5.33456 16.0286C5.86353 16.2152 6.2159 16.1376 6.40683 15.9886C6.59761 15.8394 6.75812 15.5159 6.70468 14.9574C6.65205 14.4087 6.3926 13.7385 5.90097 13.1097C5.40938 12.481 4.82205 12.0676 4.30233 11.8841ZM12.3394 14.7786C12.5125 14.5637 12.8275 14.5295 13.0426 14.7025C13.081 14.7334 13.1653 14.7848 13.2691 14.8284C13.318 14.849 13.3639 14.8642 13.4019 14.8743C13.4373 14.8837 13.456 14.8858 13.4596 14.8861C13.7357 14.8914 13.9561 15.1197 13.9508 15.3958C13.9454 15.6718 13.7169 15.8912 13.441 15.8861C13.243 15.8822 13.0364 15.8145 12.8814 15.7493C12.7197 15.6813 12.5471 15.5876 12.4156 15.4818C12.2007 15.3087 12.1665 14.9937 12.3394 14.7786ZM3.92929 12.1361L3.9996 12.1497L4.09335 12.1878C4.3006 12.2932 4.41321 12.533 4.34921 12.7659C4.32756 12.8445 4.28534 12.9118 4.23397 12.9681C4.23698 12.9884 4.23927 13.0124 4.24472 13.0384C4.29698 13.2878 4.4441 13.6447 4.70565 13.9671C4.87945 14.1814 4.84746 14.4972 4.63339 14.6712C4.41911 14.8451 4.10336 14.812 3.92929 14.598C3.56417 14.1481 3.35003 13.6431 3.2662 13.2425C3.22622 13.0513 3.2054 12.8362 3.24569 12.6468C3.26503 12.5561 3.31274 12.4054 3.44296 12.2845C3.58407 12.1538 3.76357 12.1108 3.92929 12.1361ZM11.4869 11.7454C11.7171 11.7138 11.9466 11.8478 12.0269 12.0755C12.1125 12.3193 11.996 12.5828 11.7672 12.6908C11.7629 12.696 11.7547 12.705 11.7457 12.721C11.7178 12.7706 11.6872 12.8577 11.6793 12.9779C11.6641 13.2098 11.7368 13.5618 12.0719 13.9544C12.2511 14.1644 12.226 14.4802 12.0162 14.6595C11.8063 14.8387 11.4905 14.8145 11.3111 14.6048C10.8215 14.0312 10.6473 13.4258 10.6812 12.9115C10.698 12.6589 10.7662 12.4249 10.8746 12.2318C10.9645 12.0719 11.1042 11.9039 11.3004 11.807L11.3873 11.7699L11.4869 11.7454ZM6.34433 5.79427C6.34433 5.2357 6.77597 5.23572 6.77597 5.79427C6.77598 6.35264 6.99039 6.69727 7.06405 6.78743C7.13767 6.87749 7.26539 7.15945 7.72421 7.1595C8.18243 7.15988 8.18243 7.65527 7.72421 7.65559C7.26539 7.65559 7.19209 7.872 7.06405 8.02864C6.93609 8.18525 6.77798 8.41728 6.77792 8.96126C6.77792 9.50588 6.34628 9.51978 6.34628 8.96126C6.34618 8.40366 6.07586 8.067 6.04452 8.02864C6.01377 7.99102 5.69583 7.65582 5.33651 7.65559C4.97705 7.65559 4.98054 7.1595 5.33651 7.1595C5.69183 7.15932 5.92411 6.87024 5.99179 6.78743C6.05914 6.70504 6.3443 6.3528 6.34433 5.79427Z"
14
fill="currentColor"
15
/>
16
</svg>
-37
components/Icons/RecommendTiny.tsx
-37
components/Icons/RecommendTiny.tsx
···
1
-
import { Props } from "./Props";
2
-
3
-
export const RecommendTinyFilled = (props: Props) => {
4
-
return (
5
-
<svg
6
-
width="16"
7
-
height="16"
8
-
viewBox="0 0 16 16"
9
-
fill="none"
10
-
xmlns="http://www.w3.org/2000/svg"
11
-
{...props}
12
-
>
13
-
<path
14
-
d="M13.8218 8.85542C13.9838 8.63176 14.2964 8.58118 14.5201 8.74312C14.7433 8.90516 14.7932 9.21786 14.6314 9.44136C12.9671 11.7399 10.7811 13.1142 9.07472 14.0947C8.83547 14.2321 8.52981 14.1491 8.3921 13.9101C8.25463 13.6707 8.33728 13.365 8.57667 13.2275C10.2589 12.2608 12.2881 10.9736 13.8218 8.85542ZM9.09327 2.90525C10.0113 2.2003 11.4161 2.21431 12.2886 2.61521C13.0365 2.95905 13.6929 3.5946 14.0044 4.62106C14.2614 5.46809 14.2169 6.28576 14.0044 7.17867C13.4531 9.49467 10.1475 11.7776 8.22413 12.8828C8.15152 12.9245 8.05431 12.9453 7.97315 12.9453C7.89219 12.9453 7.80343 12.9243 7.73096 12.8828C5.80749 11.7776 2.50174 9.49385 1.95065 7.1777C1.7383 6.28491 1.69376 5.46798 1.95065 4.62106C2.26221 3.59471 2.91764 2.95906 3.66551 2.61521C4.53812 2.21415 5.94374 2.19992 6.86181 2.90525C7.4145 3.32999 7.72613 3.72603 7.97315 4.14939C8.22018 3.72604 8.5406 3.32998 9.09327 2.90525ZM4.55418 3.84079C4.44015 3.58958 4.14441 3.47805 3.89305 3.59177C2.93793 4.0246 2.4787 5.35564 2.85105 6.64059C2.9282 6.90532 3.20525 7.05713 3.47019 6.98043C3.73523 6.9035 3.88869 6.62638 3.81199 6.36129C3.52801 5.38087 3.94973 4.66317 4.30516 4.50192C4.55654 4.38789 4.6681 4.09224 4.55418 3.84079Z"
15
-
fill="currentColor"
16
-
/>
17
-
</svg>
18
-
);
19
-
};
20
-
21
-
export const RecommendTinyEmpty = (props: Props) => {
22
-
return (
23
-
<svg
24
-
width="16"
25
-
height="16"
26
-
viewBox="0 0 16 16"
27
-
fill="none"
28
-
xmlns="http://www.w3.org/2000/svg"
29
-
{...props}
30
-
>
31
-
<path
32
-
d="M13.8215 8.85505C13.9834 8.63149 14.2961 8.58084 14.5197 8.74275C14.7432 8.90468 14.7928 9.21739 14.631 9.44099C12.9668 11.7395 10.7808 13.1138 9.0744 14.0943C8.83501 14.2318 8.52937 14.1491 8.39178 13.9097C8.25431 13.6703 8.33696 13.3647 8.57635 13.2271C10.2586 12.2605 12.2878 10.9733 13.8215 8.85505ZM4.12127 2.44392C5.05035 2.20462 6.17272 2.3143 7.04412 3.04744C7.33889 3.29547 7.62399 3.64884 7.85369 3.96833C7.89451 4.02512 7.93345 4.08237 7.97186 4.13826C8.22436 3.76381 8.53885 3.3457 8.86248 3.06501C9.80388 2.24888 11.1891 2.16939 12.1564 2.56501C12.9693 2.89763 13.663 3.49593 14.0002 4.60701C14.267 5.48669 14.2598 6.26139 14.0461 7.15974C13.7527 8.39225 12.7396 9.53682 11.6691 10.4703C10.5802 11.4198 9.3429 12.2265 8.47772 12.7681C8.47247 12.7714 8.46646 12.7748 8.46111 12.7779C8.43136 12.795 8.369 12.8315 8.30096 12.8619C8.2405 12.8889 8.11991 12.937 7.97576 12.9371C7.82229 12.9372 7.7007 12.8832 7.63885 12.8521C7.6045 12.8349 7.57372 12.8176 7.55291 12.8052C7.52605 12.7893 7.52018 12.7855 7.50701 12.7779C7.50235 12.7752 7.49792 12.7719 7.49334 12.7691C6.59506 12.2129 5.35778 11.3987 4.27654 10.4439C3.21273 9.50447 2.21958 8.35999 1.92693 7.13044C1.71321 6.23218 1.70502 5.4352 1.97186 4.55525C2.31285 3.43128 3.22341 2.67532 4.12127 2.44392ZM6.40057 3.81306C5.82954 3.33259 5.06002 3.23404 4.37029 3.41169C3.79433 3.56026 3.16381 4.07131 2.92889 4.84529C2.72085 5.53135 2.72051 6.14631 2.89959 6.899C3.11654 7.81042 3.90364 8.77988 4.93865 9.69392C5.94258 10.5805 7.10507 11.3507 7.98358 11.8961C8.83657 11.3611 9.99989 10.5988 11.0119 9.71638C12.0571 8.8049 12.8571 7.83679 13.0734 6.9283C13.2523 6.17606 13.2512 5.58411 13.0431 4.89802C12.8044 4.11102 12.3496 3.72381 11.7775 3.48982C11.1013 3.21328 10.1298 3.29025 9.51776 3.82087C9.10331 4.18037 8.63998 4.9218 8.40545 5.3238C8.3158 5.4772 8.1515 5.57185 7.97381 5.57185C7.79617 5.57171 7.63172 5.47723 7.54217 5.3238C7.43363 5.13777 7.25216 4.84479 7.04119 4.55134C6.82572 4.25167 6.5988 3.97993 6.40057 3.81306Z"
33
-
fill="currentColor"
34
-
/>
35
-
</svg>
36
-
);
37
-
};
···
-19
components/Icons/TagSmall.tsx
-19
components/Icons/TagSmall.tsx
···
1
-
import { Props } from "./Props";
2
-
3
-
export const TagSmall = (props: Props) => {
4
-
return (
5
-
<svg
6
-
width="24"
7
-
height="24"
8
-
viewBox="0 0 24 24"
9
-
fill="none"
10
-
xmlns="http://www.w3.org/2000/svg"
11
-
{...props}
12
-
>
13
-
<path
14
-
d="M6.72467 12.065C7.3108 11.6577 8.11602 11.8032 8.5235 12.3893C8.93088 12.9754 8.78635 13.7806 8.20026 14.1881C7.72319 14.5197 7.10087 14.4854 6.66608 14.1451C5.6484 14.4853 4.81236 15.2231 4.31256 16.1021C3.73575 17.1169 3.65902 18.2144 4.12213 19.0484C4.47731 19.6876 5.18264 20.0117 6.20514 20.0758C7.22138 20.1393 8.37845 19.9287 9.3399 19.6812C10.7978 19.3061 11.89 19.606 12.584 20.2672C12.9149 20.5824 13.1265 20.9561 13.2393 21.3121C13.3463 21.6497 13.3853 22.0412 13.2784 22.3863C13.1557 22.7818 12.7354 23.003 12.3399 22.8805C11.9689 22.7654 11.7507 22.3889 11.8262 22.0162L11.8419 21.9518C11.8386 21.9605 11.8509 21.8957 11.8096 21.7652C11.7675 21.6322 11.6837 21.4816 11.5489 21.3531C11.3113 21.127 10.7896 20.8563 9.71295 21.1334C8.70042 21.394 7.3632 21.6522 6.11139 21.5738C4.86592 21.4958 3.52842 21.0674 2.81158 19.7779C2.02826 18.368 2.24712 16.6994 3.00787 15.3609C3.68152 14.176 4.82017 13.1659 6.2403 12.7066C6.32636 12.4555 6.49002 12.2282 6.72467 12.065ZM19.9464 11.7271C20.2297 11.5306 20.6186 11.6012 20.8155 11.8844C21.0123 12.1677 20.9424 12.5565 20.6592 12.7535L13.0342 18.0504C12.5945 18.3558 12.0716 18.5201 11.5362 18.5201H6.94928C6.60423 18.5201 6.32351 18.2401 6.3233 17.8951C6.32356 17.5503 6.60351 17.2704 6.9483 17.2701L11.5362 17.2711C11.8166 17.2711 12.091 17.184 12.3214 17.024L19.9464 11.7271ZM14.669 1.39902C15.4624 0.847523 16.5528 1.04335 17.1046 1.83652L21.3663 7.9664C21.9179 8.75983 21.722 9.85015 20.9288 10.4019L12.252 16.4352C11.8686 16.7016 11.4113 16.8423 10.9444 16.8375L6.69147 16.7935C6.27743 16.7892 5.94511 16.4498 5.94928 16.0357C5.95367 15.6217 6.293 15.2893 6.70709 15.2935L10.96 15.3375C11.1156 15.339 11.2678 15.2915 11.3956 15.2027L20.0723 9.1705C20.1855 9.09164 20.2136 8.93615 20.1348 8.82285L15.8731 2.69296C15.7943 2.57985 15.6387 2.55191 15.5255 2.63046L6.88873 8.63437C6.74865 8.73176 6.64607 8.87505 6.59772 9.03867L5.64459 12.2682C5.52741 12.6654 5.11018 12.893 4.71295 12.776C4.31582 12.6587 4.08894 12.2415 4.20612 11.8443L5.15826 8.61386C5.30323 8.1228 5.6119 7.69523 6.03229 7.40292L14.669 1.39902ZM14.086 5.54355C14.1404 5.5563 14.1874 5.59162 14.2149 5.64023L15.0626 7.14706L16.5167 5.84726C16.5594 5.80926 16.6162 5.79077 16.6729 5.79745C16.7299 5.80432 16.782 5.83608 16.8145 5.88339L17.4844 6.85995C17.5169 6.90725 17.5277 6.96644 17.5137 7.02206C17.4996 7.07758 17.4621 7.12477 17.4112 7.15097L15.6739 8.03964L16.796 9.40097C16.8316 9.44425 16.8477 9.5017 16.8399 9.55722C16.832 9.61254 16.8009 9.66223 16.7549 9.69394L15.9327 10.2574C15.8866 10.289 15.8299 10.3001 15.7755 10.2877C15.7208 10.275 15.6731 10.2398 15.6456 10.191L14.7823 8.65976L13.8008 9.58456C13.7863 9.5982 13.7699 9.60998 13.752 9.61874L12.4571 10.2516L13.5762 11.6109C13.6119 11.6542 13.628 11.7116 13.6202 11.7672C13.6123 11.8225 13.5812 11.8722 13.5352 11.9039L12.713 12.4674C12.6669 12.499 12.6092 12.5101 12.5547 12.4977C12.5007 12.4851 12.4545 12.4501 12.4268 12.4019L11.5499 10.8697L10.1046 12.1646C10.0618 12.203 10.0044 12.2222 9.94733 12.2154C9.89045 12.2085 9.83922 12.1767 9.8067 12.1295L9.1358 11.1529C9.10345 11.1057 9.09259 11.0463 9.10651 10.9908C9.12065 10.9351 9.1588 10.8871 9.21002 10.8609L10.9376 9.97812L9.84381 8.63925C9.80844 8.59592 9.79291 8.53934 9.80084 8.48398C9.80882 8.42869 9.83975 8.37888 9.8858 8.34726L10.7081 7.78378C10.7543 7.75217 10.8117 7.74085 10.8663 7.75351C10.9208 7.76625 10.9677 7.80144 10.9952 7.85019L11.8419 9.35312L12.8985 8.3746C12.9131 8.36104 12.9293 8.34908 12.9473 8.34042L14.1612 7.75742L13.0645 6.43027C13.0288 6.38701 13.0128 6.33052 13.0206 6.27499C13.0284 6.21943 13.0593 6.16905 13.1055 6.1373L13.9278 5.57382C13.9739 5.54231 14.0316 5.53098 14.086 5.54355Z"
15
-
fill="currentColor"
16
-
/>
17
-
</svg>
18
-
);
19
-
};
···
-19
components/Icons/WriterSmall.tsx
-19
components/Icons/WriterSmall.tsx
···
1
-
import { Props } from "./Props";
2
-
3
-
export const WriterSmall = (props: Props) => {
4
-
return (
5
-
<svg
6
-
width="24"
7
-
height="24"
8
-
viewBox="0 0 24 24"
9
-
fill="none"
10
-
xmlns="http://www.w3.org/2000/svg"
11
-
{...props}
12
-
>
13
-
<path
14
-
d="M12.8808 22.0391C13.2948 22.0391 13.6304 22.3752 13.6308 22.7891C13.6306 23.203 13.2948 23.5389 12.8808 23.5391H4.92087C4.50702 23.5387 4.17194 23.203 4.17185 22.7891C4.17211 22.3751 4.5078 22.0391 4.92185 22.0391H12.8808ZM16.459 22.0391C16.8728 22.0392 17.2086 22.3752 17.209 22.7891C17.2088 23.2031 16.873 23.539 16.459 23.5391H14.7275C14.3134 23.5391 13.9777 23.2032 13.9775 22.7891C13.9778 22.3753 14.3128 22.0394 14.7265 22.0391H16.459ZM19.3564 22.0391C19.7705 22.0391 20.1071 22.3751 20.1074 22.7891C20.1073 23.2031 19.7714 23.5389 19.3574 23.5391H19.0635C18.6493 23.539 18.3135 23.2032 18.3135 22.7891C18.3137 22.3751 18.6495 22.0392 19.0635 22.0391H19.3564ZM10.1855 0.950222C10.3045 0.626539 10.6635 0.459613 10.9873 0.578152C11.3111 0.697051 11.4779 1.05701 11.3594 1.38089L9.4404 6.60842C11.2712 6.62023 12.534 6.984 13.6426 7.69924C13.9325 7.88633 14.016 8.2735 13.8291 8.5635C13.6419 8.85336 13.2548 8.93714 12.9648 8.75002C12.0834 8.18125 11.0469 7.85792 9.35154 7.85744C8.40737 7.85725 7.83011 8.29872 7.62888 8.71389C7.52952 8.91924 7.5134 9.12534 7.57224 9.31349C7.60658 9.42299 7.67297 9.54419 7.78611 9.66701C7.8081 9.64379 7.82999 9.6196 7.85251 9.59572C7.72688 9.31573 7.82074 8.97928 8.08787 8.81154C9.11751 8.16703 10.4737 8.28506 11.5732 8.68654C12.674 9.08861 13.7516 9.85814 14.2021 10.8174C14.371 11.1772 14.1513 11.6095 13.7685 11.6924C13.7617 11.7923 13.7544 11.8969 13.748 12.0049C14.1962 12.082 14.4968 12.046 14.6826 11.9756C14.8825 11.8997 14.9818 11.7762 15.0293 11.6182C15.1422 11.2404 14.9722 10.5056 14.2744 9.82814C14.0272 9.58772 14.0216 9.19189 14.2617 8.94435C14.5021 8.69712 14.8979 8.6915 15.1455 8.93166C15.3345 9.11519 15.5055 9.31499 15.6552 9.52443L17.8857 6.6133C18.0956 6.33963 18.4878 6.28747 18.7617 6.49709C19.0354 6.70683 19.0881 7.0991 18.8789 7.37307L16.249 10.8028C16.3391 11.2028 16.3391 11.6038 16.2275 11.9766C16.0692 12.5048 15.692 12.9296 15.125 13.1445C14.7132 13.3005 14.2295 13.3348 13.6894 13.2608C13.6825 13.4465 13.6757 13.6333 13.6699 13.8174C13.6519 14.3885 13.6397 14.9235 13.6318 15.3154C13.625 15.654 13.6211 15.8899 13.6201 15.9443C13.6201 16.2235 13.4305 16.4762 13.1601 16.5498C12.7201 16.6232 12.2788 16.6722 11.8427 16.7764C11.1206 16.949 10.2109 17.2517 9.40134 17.7647C7.89664 18.7182 6.97599 19.4365 6.3613 19.9883C5.74196 20.5443 5.43673 20.9247 5.09861 21.2852C4.91911 21.4765 4.6388 21.5354 4.39744 21.4326C4.1565 21.3297 4.00507 21.0869 4.01853 20.8252C4.17895 17.7398 4.63069 14.9266 5.55173 12.1611L5.59568 12.0596C5.61302 12.0278 5.63354 11.9972 5.65623 11.9688C6.10821 11.4021 6.46823 11.0234 6.88767 10.5947C6.89692 10.5853 6.90569 10.575 6.91501 10.5654C6.66279 10.3067 6.48116 10.0099 6.37986 9.68654C6.21786 9.1688 6.2782 8.63513 6.50388 8.16896C6.78976 7.5789 7.32765 7.10847 8.02146 6.84377L10.1855 0.950222ZM11.1445 9.86135C10.5565 9.64663 9.98214 9.56714 9.49802 9.62502C9.47457 9.6687 9.44776 9.71158 9.41306 9.75002C8.68746 10.5525 8.19322 11.0477 7.78122 11.4688C7.39591 11.8626 7.0838 12.1914 6.70212 12.6631C6.27084 13.9767 5.94845 15.307 5.71482 16.6826C6.1386 15.806 6.61502 14.9664 7.22654 14.0108C7.01626 13.3116 7.75399 11.8362 8.61033 11.6953C9.11052 11.6133 9.62805 11.94 9.67185 12.4834C9.72674 13.1687 9.35942 13.6875 8.95505 14.0547C8.71606 14.2717 8.41197 14.4145 8.124 14.4619C7.14963 15.9751 6.53411 17.1724 5.91208 18.7236C6.5649 18.1767 7.45483 17.5176 8.7324 16.708C9.70022 16.0948 10.7551 15.7512 11.5527 15.5606C11.8711 15.4845 12.1537 15.4336 12.3789 15.3975C12.3868 14.9958 12.401 14.4083 12.4209 13.7774C12.4553 12.684 12.512 11.4022 12.6025 10.7354C12.2417 10.3934 11.7319 10.076 11.1445 9.86135Z"
15
-
fill="currentColor"
16
-
/>
17
-
</svg>
18
-
);
19
-
};
···
+16
-22
components/InteractionsPreview.tsx
+16
-22
components/InteractionsPreview.tsx
···
7
import { Popover } from "./Popover";
8
import { TagTiny } from "./Icons/TagTiny";
9
import { SpeedyLink } from "./SpeedyLink";
10
-
import { RecommendButton } from "./RecommendButton";
11
12
export const InteractionPreview = (props: {
13
quotesCount: number;
14
commentsCount: number;
15
-
recommendsCount: number;
16
-
documentUri: string;
17
tags?: string[];
18
postUrl: string;
19
showComments: boolean;
20
showMentions: boolean;
21
-
showRecommends: boolean;
22
23
share?: boolean;
24
}) => {
25
let smoker = useSmoker();
26
let interactionsAvailable =
27
(props.quotesCount > 0 && props.showMentions) ||
28
-
(props.showComments !== false && props.commentsCount > 0) ||
29
-
(props.showRecommends !== false && props.recommendsCount > 0);
30
31
const tagsCount = props.tags?.length || 0;
32
33
return (
34
-
<div className={`flex gap-2 text-tertiary text-sm items-center`}>
35
-
{props.showRecommends === false ? null : (
36
-
<RecommendButton
37
-
documentUri={props.documentUri}
38
-
recommendsCount={props.recommendsCount}
39
-
/>
40
)}
41
42
{!props.showMentions || props.quotesCount === 0 ? null : (
···
57
<CommentTiny /> {props.commentsCount}
58
</SpeedyLink>
59
)}
60
-
{tagsCount === 0 ? null : (
61
-
<>
62
-
{interactionsAvailable ? <Separator classname="h-4!" /> : null}
63
-
<TagPopover tags={props.tags!} />
64
-
</>
65
-
)}
66
{props.share && (
67
<>
68
-
<Separator classname="h-4!" />
69
-
70
<button
71
id={`copy-post-link-${props.postUrl}`}
72
className="flex gap-1 items-center hover:text-accent-contrast relative"
···
77
let mouseY = e.clientY;
78
79
if (!props.postUrl) return;
80
-
navigator.clipboard.writeText(props.postUrl);
81
82
smoker({
83
text: <strong>Copied Link!</strong>,
···
96
);
97
};
98
99
-
export const TagPopover = (props: { tags: string[] }) => {
100
return (
101
<Popover
102
className="p-2! max-w-xs"
···
7
import { Popover } from "./Popover";
8
import { TagTiny } from "./Icons/TagTiny";
9
import { SpeedyLink } from "./SpeedyLink";
10
11
export const InteractionPreview = (props: {
12
quotesCount: number;
13
commentsCount: number;
14
tags?: string[];
15
postUrl: string;
16
showComments: boolean;
17
showMentions: boolean;
18
19
share?: boolean;
20
}) => {
21
let smoker = useSmoker();
22
let interactionsAvailable =
23
(props.quotesCount > 0 && props.showMentions) ||
24
+
(props.showComments !== false && props.commentsCount > 0);
25
26
const tagsCount = props.tags?.length || 0;
27
28
return (
29
+
<div
30
+
className={`flex gap-2 text-tertiary text-sm items-center self-start`}
31
+
>
32
+
{tagsCount === 0 ? null : (
33
+
<>
34
+
<TagPopover tags={props.tags!} />
35
+
{interactionsAvailable || props.share ? (
36
+
<Separator classname="h-4!" />
37
+
) : null}
38
+
</>
39
)}
40
41
{!props.showMentions || props.quotesCount === 0 ? null : (
···
56
<CommentTiny /> {props.commentsCount}
57
</SpeedyLink>
58
)}
59
+
{interactionsAvailable && props.share ? (
60
+
<Separator classname="h-4! !min-h-0" />
61
+
) : null}
62
{props.share && (
63
<>
64
<button
65
id={`copy-post-link-${props.postUrl}`}
66
className="flex gap-1 items-center hover:text-accent-contrast relative"
···
71
let mouseY = e.clientY;
72
73
if (!props.postUrl) return;
74
+
navigator.clipboard.writeText(`leaflet.pub${props.postUrl}`);
75
76
smoker({
77
text: <strong>Copied Link!</strong>,
···
90
);
91
};
92
93
+
const TagPopover = (props: { tags: string[] }) => {
94
return (
95
<Popover
96
className="p-2! max-w-xs"
+2
-4
components/LoginButton.tsx
+2
-4
components/LoginButton.tsx
···
5
import { ButtonPrimary } from "./Buttons";
6
import { ActionButton } from "./ActionBar/ActionButton";
7
import { AccountSmall } from "./Icons/AccountSmall";
8
-
import { useIsMobile } from "src/hooks/isMobile";
9
10
export function LoginButton() {
11
let identityData = useIdentityData();
···
27
export function LoginActionButton() {
28
let identityData = useIdentityData();
29
if (identityData.identity) return null;
30
-
let isMobile = useIsMobile();
31
return (
32
<Popover
33
asChild
34
-
side={isMobile ? "top" : "right"}
35
-
align={isMobile ? "center" : "start"}
36
trigger={
37
<ActionButton secondary icon={<AccountSmall />} label="Sign In" />
38
}
···
5
import { ButtonPrimary } from "./Buttons";
6
import { ActionButton } from "./ActionBar/ActionButton";
7
import { AccountSmall } from "./Icons/AccountSmall";
8
9
export function LoginButton() {
10
let identityData = useIdentityData();
···
26
export function LoginActionButton() {
27
let identityData = useIdentityData();
28
if (identityData.identity) return null;
29
return (
30
<Popover
31
asChild
32
+
align="start"
33
+
side="right"
34
trigger={
35
<ActionButton secondary icon={<AccountSmall />} label="Sign In" />
36
}
+11
-5
components/Modal.tsx
+11
-5
components/Modal.tsx
···
1
import * as Dialog from "@radix-ui/react-dialog";
2
import React from "react";
3
4
export const Modal = ({
5
className,
···
22
<Dialog.Root open={open} onOpenChange={onOpenChange}>
23
<Dialog.Trigger asChild={asChild}>{trigger}</Dialog.Trigger>
24
<Dialog.Portal>
25
-
<Dialog.Overlay className="fixed inset-0 bg-primary data-[state=open]:animate-overlayShow opacity-60" />
26
<Dialog.Content
27
className={`
28
z-20 fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2
29
-
overflow-y-scroll no-scrollbar w-max max-w-screen h-fit max-h-screen p-3
30
`}
31
>
32
<div
33
className={`
34
opaque-container p-3
35
-
flex flex-col gap-1
36
${className}`}
37
>
38
-
{title && (
39
<Dialog.Title>
40
<h3>{title}</h3>
41
</Dialog.Title>
42
)}
43
<Dialog.Description>{children}</Dialog.Description>
44
</div>
45
-
<Dialog.Close />
46
</Dialog.Content>
47
</Dialog.Portal>
48
</Dialog.Root>
···
1
import * as Dialog from "@radix-ui/react-dialog";
2
import React from "react";
3
+
import { CloseTiny } from "./Icons/CloseTiny";
4
5
export const Modal = ({
6
className,
···
23
<Dialog.Root open={open} onOpenChange={onOpenChange}>
24
<Dialog.Trigger asChild={asChild}>{trigger}</Dialog.Trigger>
25
<Dialog.Portal>
26
+
<Dialog.Overlay className="fixed z-10 inset-0 bg-primary data-[state=open]:animate-overlayShow opacity-60" />
27
<Dialog.Content
28
className={`
29
z-20 fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2
30
+
overflow-y-scroll no-scrollbar w-max max-w-screen h-fit max-h-screen p-3 flex flex-col
31
+
32
`}
33
>
34
+
<Dialog.Close className="bg-bg-page rounded-full -mb-3 mr-2 z-10 w-fit p-1 place-self-end border border-border-light text-tertiary">
35
+
<CloseTiny />
36
+
</Dialog.Close>
37
<div
38
className={`
39
opaque-container p-3
40
+
flex flex-col gap-1 rounded-lg!
41
${className}`}
42
>
43
+
{title ? (
44
<Dialog.Title>
45
<h3>{title}</h3>
46
</Dialog.Title>
47
+
) : (
48
+
<Dialog.Title />
49
)}
50
<Dialog.Description>{children}</Dialog.Description>
51
</div>
52
</Dialog.Content>
53
</Dialog.Portal>
54
</Dialog.Root>
+1
-1
components/PageHeader.tsx
+1
-1
components/PageHeader.tsx
+13
-36
components/PageLayouts/DashboardLayout.tsx
+13
-36
components/PageLayouts/DashboardLayout.tsx
···
4
import { Header } from "../PageHeader";
5
import { Footer } from "components/ActionBar/Footer";
6
import { Sidebar } from "components/ActionBar/Sidebar";
7
-
import { DesktopNavigation } from "components/ActionBar/DesktopNavigation";
8
-
9
-
import { MobileNavigation } from "components/ActionBar/MobileNavigation";
10
import {
11
navPages,
12
NotificationButton,
13
-
} from "components/ActionBar/NavigationButtons";
14
import { create } from "zustand";
15
import { Popover } from "components/Popover";
16
import { Checkbox } from "components/Checkbox";
···
27
import { ExternalLinkTiny } from "components/Icons/ExternalLinkTiny";
28
import { usePreserveScroll } from "src/hooks/usePreserveScroll";
29
import { Tab } from "components/Tab";
30
-
import { PubIcon, PublicationButtons } from "components/ActionBar/Publications";
31
32
export type DashboardState = {
33
display?: "grid" | "list";
···
71
},
72
}));
73
74
-
export const DashboardIdContext = createContext<string | null>(null);
75
76
export const useDashboardId = () => {
77
const id = useContext(DashboardIdContext);
···
140
defaultTab: keyof T;
141
currentPage: navPages;
142
publication?: string;
143
-
profileDid?: string;
144
-
actions?: React.ReactNode;
145
-
pageTitle?: string;
146
-
onTabHover?: (tabName: string) => void;
147
}) {
148
const searchParams = useSearchParams();
149
const tabParam = searchParams.get("tab");
···
170
let [headerState, setHeaderState] = useState<"default" | "controls">(
171
"default",
172
);
173
-
174
return (
175
<DashboardIdContext.Provider value={props.id}>
176
<div
···
190
ref={ref}
191
id="home-content"
192
>
193
-
{props.pageTitle && (
194
-
<PageTitle pageTitle={props.pageTitle} actions={props.actions} />
195
-
)}
196
-
197
{Object.keys(props.tabs).length <= 1 && !controls ? null : (
198
<>
199
<Header>
···
208
name={t}
209
selected={t === tab}
210
onSelect={() => setTabWithUrl(t)}
211
-
onMouseEnter={() => props.onTabHover?.(t)}
212
-
onPointerDown={() => props.onTabHover?.(t)}
213
/>
214
);
215
})}
···
252
<Footer>
253
<MobileNavigation
254
currentPage={props.currentPage}
255
-
currentPublicationUri={props.publication}
256
-
currentProfileDid={props.profileDid}
257
/>
258
</Footer>
259
</div>
260
</DashboardIdContext.Provider>
261
);
262
}
263
-
264
-
export const PageTitle = (props: {
265
-
pageTitle: string;
266
-
actions: React.ReactNode;
267
-
}) => {
268
-
return (
269
-
<MediaContents
270
-
mobile={true}
271
-
className="flex justify-between items-center px-1 mt-1 -mb-1 w-full "
272
-
>
273
-
<h4 className="grow truncate">{props.pageTitle}</h4>
274
-
<div className="flex flex-row-reverse! gap-1">{props.actions}</div>
275
-
{/* <div className="shrink-0 h-6">{props.controls}</div> */}
276
-
</MediaContents>
277
-
);
278
-
};
279
280
export const HomeDashboardControls = (props: {
281
searchValue: string;
···
470
className={`dashboardSearchInput
471
appearance-none! outline-hidden!
472
w-full min-w-0 text-primary relative pl-7 pr-1 -my-px
473
-
border rounded-md border-border-light focus-within:border-border
474
bg-transparent ${props.hasBackgroundImage ? "focus-within:bg-bg-page" : "focus-within:bg-bg-leaflet"} `}
475
type="text"
476
id="pubName"
···
4
import { Header } from "../PageHeader";
5
import { Footer } from "components/ActionBar/Footer";
6
import { Sidebar } from "components/ActionBar/Sidebar";
7
import {
8
+
DesktopNavigation,
9
+
MobileNavigation,
10
navPages,
11
NotificationButton,
12
+
} from "components/ActionBar/Navigation";
13
import { create } from "zustand";
14
import { Popover } from "components/Popover";
15
import { Checkbox } from "components/Checkbox";
···
26
import { ExternalLinkTiny } from "components/Icons/ExternalLinkTiny";
27
import { usePreserveScroll } from "src/hooks/usePreserveScroll";
28
import { Tab } from "components/Tab";
29
30
export type DashboardState = {
31
display?: "grid" | "list";
···
69
},
70
}));
71
72
+
const DashboardIdContext = createContext<string | null>(null);
73
74
export const useDashboardId = () => {
75
const id = useContext(DashboardIdContext);
···
138
defaultTab: keyof T;
139
currentPage: navPages;
140
publication?: string;
141
+
actions: React.ReactNode;
142
}) {
143
const searchParams = useSearchParams();
144
const tabParam = searchParams.get("tab");
···
165
let [headerState, setHeaderState] = useState<"default" | "controls">(
166
"default",
167
);
168
return (
169
<DashboardIdContext.Provider value={props.id}>
170
<div
···
184
ref={ref}
185
id="home-content"
186
>
187
{Object.keys(props.tabs).length <= 1 && !controls ? null : (
188
<>
189
<Header>
···
198
name={t}
199
selected={t === tab}
200
onSelect={() => setTabWithUrl(t)}
201
/>
202
);
203
})}
···
240
<Footer>
241
<MobileNavigation
242
currentPage={props.currentPage}
243
+
publication={props.publication}
244
/>
245
+
{props.actions && (
246
+
<>
247
+
<Separator />
248
+
{props.actions}
249
+
</>
250
+
)}
251
</Footer>
252
</div>
253
</DashboardIdContext.Provider>
254
);
255
}
256
257
export const HomeDashboardControls = (props: {
258
searchValue: string;
···
447
className={`dashboardSearchInput
448
appearance-none! outline-hidden!
449
w-full min-w-0 text-primary relative pl-7 pr-1 -my-px
450
+
border rounded-md border-transparent focus-within:border-border
451
bg-transparent ${props.hasBackgroundImage ? "focus-within:bg-bg-page" : "focus-within:bg-bg-leaflet"} `}
452
type="text"
453
id="pubName"
+7
-21
components/PageSWRDataProvider.tsx
+7
-21
components/PageSWRDataProvider.tsx
···
8
import type { GetLeafletDataReturnType } from "app/api/rpc/[command]/get_leaflet_data";
9
import { createContext, useContext, useMemo } from "react";
10
import { getPublicationMetadataFromLeafletData } from "src/utils/getPublicationMetadataFromLeafletData";
11
-
import { getPublicationURL, getDocumentURL } from "app/lish/createPub/getPublicationURL";
12
import { AtUri } from "@atproto/syntax";
13
import {
14
normalizeDocumentRecord,
···
119
// Compute the full post URL for sharing
120
let postShareLink: string | undefined;
121
if (publishedInPublication?.publications && publishedInPublication.documents) {
122
-
const normalizedDoc = normalizeDocumentRecord(
123
-
publishedInPublication.documents.data,
124
-
publishedInPublication.documents.uri,
125
-
);
126
-
if (normalizedDoc) {
127
-
postShareLink = getDocumentURL(
128
-
normalizedDoc,
129
-
publishedInPublication.documents.uri,
130
-
publishedInPublication.publications,
131
-
);
132
-
}
133
} else if (publishedStandalone?.document) {
134
-
const normalizedDoc = publishedStandalone.documents
135
-
? normalizeDocumentRecord(publishedStandalone.documents.data, publishedStandalone.document)
136
-
: null;
137
-
if (normalizedDoc) {
138
-
postShareLink = getDocumentURL(normalizedDoc, publishedStandalone.document);
139
-
} else {
140
-
const docUri = new AtUri(publishedStandalone.document);
141
-
postShareLink = `/p/${docUri.host}/${docUri.rkey}`;
142
-
}
143
}
144
145
return {
···
8
import type { GetLeafletDataReturnType } from "app/api/rpc/[command]/get_leaflet_data";
9
import { createContext, useContext, useMemo } from "react";
10
import { getPublicationMetadataFromLeafletData } from "src/utils/getPublicationMetadataFromLeafletData";
11
+
import { getPublicationURL } from "app/lish/createPub/getPublicationURL";
12
import { AtUri } from "@atproto/syntax";
13
import {
14
normalizeDocumentRecord,
···
119
// Compute the full post URL for sharing
120
let postShareLink: string | undefined;
121
if (publishedInPublication?.publications && publishedInPublication.documents) {
122
+
// Published in a publication - use publication URL + document rkey
123
+
const docUri = new AtUri(publishedInPublication.documents.uri);
124
+
postShareLink = `${getPublicationURL(publishedInPublication.publications)}/${docUri.rkey}`;
125
} else if (publishedStandalone?.document) {
126
+
// Standalone published post - use /p/{did}/{rkey} format
127
+
const docUri = new AtUri(publishedStandalone.document);
128
+
postShareLink = `/p/${docUri.host}/${docUri.rkey}`;
129
}
130
131
return {
+25
-54
components/Pages/PublicationMetadata.tsx
+25
-54
components/Pages/PublicationMetadata.tsx
···
20
import { useIdentityData } from "components/IdentityProvider";
21
import { PostHeaderLayout } from "app/lish/[did]/[publication]/[rkey]/PostHeader/PostHeader";
22
import { Backdater } from "./Backdater";
23
-
import { RecommendTinyEmpty } from "components/Icons/RecommendTiny";
24
-
import { mergePreferences } from "src/utils/mergePreferences";
25
26
-
export const PublicationMetadata = (props: { noInteractions?: boolean }) => {
27
let { rep } = useReplicache();
28
-
let {
29
-
data: pub,
30
-
normalizedDocument,
31
-
normalizedPublication,
32
-
} = useLeafletPublicationData();
33
let { identity } = useIdentityData();
34
let title = useSubscribe(rep, (tx) => tx.get<string>("publication_title"));
35
let description = useSubscribe(rep, (tx) =>
36
tx.get<string>("publication_description"),
37
-
);
38
-
let postPreferences = useSubscribe(rep, (tx) =>
39
-
tx.get<{
40
-
showComments?: boolean;
41
-
showMentions?: boolean;
42
-
showRecommends?: boolean;
43
-
} | null>("post_preferences"),
44
-
);
45
-
let merged = mergePreferences(
46
-
postPreferences || undefined,
47
-
normalizedPublication?.preferences,
48
);
49
let publishedAt = normalizedDocument?.publishedAt;
50
···
131
) : (
132
<p>Draft</p>
133
)}
134
-
{!props.noInteractions && (
135
-
<div className="flex gap-2 text-border items-center">
136
-
{merged.showRecommends !== false && (
137
-
<div className="flex gap-1 items-center">
138
-
<RecommendTinyEmpty />—
139
-
</div>
140
-
)}
141
-
142
-
{merged.showMentions !== false && (
143
-
<div className="flex gap-1 items-center">
144
-
<QuoteTiny />—
145
-
</div>
146
-
)}
147
-
{merged.showComments !== false && (
148
-
<div className="flex gap-1 items-center">
149
-
<CommentTiny />—
150
-
</div>
151
-
)}
152
-
{tags && (
153
-
<>
154
-
{merged.showRecommends !== false ||
155
-
merged.showMentions !== false ||
156
-
merged.showComments !== false ? (
157
-
<Separator classname="h-4!" />
158
-
) : null}
159
-
<AddTags />
160
-
</>
161
-
)}
162
-
</div>
163
-
)}
164
</>
165
}
166
/>
···
264
);
265
};
266
267
-
export const AddTags = () => {
268
let { data: pub, normalizedDocument } = useLeafletPublicationData();
269
let { rep } = useReplicache();
270
···
277
let tags: string[] = [];
278
if (Array.isArray(replicacheTags)) {
279
tags = replicacheTags;
280
-
} else if (
281
-
normalizedDocument?.tags &&
282
-
Array.isArray(normalizedDocument.tags)
283
-
) {
284
tags = normalizedDocument.tags as string[];
285
}
286
···
20
import { useIdentityData } from "components/IdentityProvider";
21
import { PostHeaderLayout } from "app/lish/[did]/[publication]/[rkey]/PostHeader/PostHeader";
22
import { Backdater } from "./Backdater";
23
24
+
export const PublicationMetadata = () => {
25
let { rep } = useReplicache();
26
+
let { data: pub, normalizedDocument, normalizedPublication } = useLeafletPublicationData();
27
let { identity } = useIdentityData();
28
let title = useSubscribe(rep, (tx) => tx.get<string>("publication_title"));
29
let description = useSubscribe(rep, (tx) =>
30
tx.get<string>("publication_description"),
31
);
32
let publishedAt = normalizedDocument?.publishedAt;
33
···
114
) : (
115
<p>Draft</p>
116
)}
117
+
<div className="flex gap-2 text-border items-center">
118
+
{tags && (
119
+
<>
120
+
<AddTags />
121
+
{normalizedPublication?.preferences?.showMentions !== false ||
122
+
normalizedPublication?.preferences?.showComments !== false ? (
123
+
<Separator classname="h-4!" />
124
+
) : null}
125
+
</>
126
+
)}
127
+
{normalizedPublication?.preferences?.showMentions !== false && (
128
+
<div className="flex gap-1 items-center">
129
+
<QuoteTiny />—
130
+
</div>
131
+
)}
132
+
{normalizedPublication?.preferences?.showComments !== false && (
133
+
<div className="flex gap-1 items-center">
134
+
<CommentTiny />—
135
+
</div>
136
+
)}
137
+
</div>
138
</>
139
}
140
/>
···
238
);
239
};
240
241
+
const AddTags = () => {
242
let { data: pub, normalizedDocument } = useLeafletPublicationData();
243
let { rep } = useReplicache();
244
···
251
let tags: string[] = [];
252
if (Array.isArray(replicacheTags)) {
253
tags = replicacheTags;
254
+
} else if (normalizedDocument?.tags && Array.isArray(normalizedDocument.tags)) {
255
tags = normalizedDocument.tags as string[];
256
}
257
-5
components/Pages/useHasBackgroundImage.ts
-5
components/Pages/useHasBackgroundImage.ts
+1
-1
components/Popover/index.tsx
+1
-1
components/Popover/index.tsx
+71
-228
components/PostListing.tsx
+71
-228
components/PostListing.tsx
···
1
"use client";
2
import { AtUri } from "@atproto/api";
3
import { PubIcon } from "components/ActionBar/Publications";
4
import { usePubTheme } from "components/ThemeManager/PublicationThemeProvider";
5
import { BaseThemeProvider } from "components/ThemeManager/ThemeProvider";
6
import { blobRefToSrc } from "src/utils/blobRefToSrc";
7
import type {
8
NormalizedDocument,
9
NormalizedPublication,
10
} from "src/utils/normalizeRecords";
11
-
import { hasLeafletContent } from "lexicons/src/normalize";
12
import type { Post } from "app/(home-pages)/reader/getReaderFeed";
13
14
import Link from "next/link";
15
-
import { useEffect, useRef, useState } from "react";
16
-
import { InteractionPreview, TagPopover } from "./InteractionsPreview";
17
import { useLocalizedDate } from "src/hooks/useLocalizedDate";
18
-
import { useSmoker } from "./Toast";
19
-
import { Separator } from "./Layout";
20
-
import { CommentTiny } from "./Icons/CommentTiny";
21
-
import { QuoteTiny } from "./Icons/QuoteTiny";
22
-
import { ShareTiny } from "./Icons/ShareTiny";
23
-
import { useSelectedPostListing } from "src/useSelectedPostState";
24
-
import { mergePreferences } from "src/utils/mergePreferences";
25
-
import { ExternalLinkTiny } from "./Icons/ExternalLinkTiny";
26
-
import { getDocumentURL } from "app/lish/createPub/getPublicationURL";
27
-
import { RecommendButton } from "./RecommendButton";
28
29
export const PostListing = (props: Post) => {
30
let pubRecord = props.publication?.pubRecord as
···
44
let isStandalone = !pubRecord;
45
let theme = usePubTheme(pubRecord?.theme || postRecord?.theme, isStandalone);
46
let themeRecord = pubRecord?.theme || postRecord?.theme;
47
-
let elRef = useRef<HTMLDivElement>(null);
48
-
let [hasBackgroundImage, setHasBackgroundImage] = useState(false);
49
-
50
-
useEffect(() => {
51
-
if (!themeRecord?.backgroundImage?.image || !elRef.current) {
52
-
setHasBackgroundImage(false);
53
-
return;
54
-
}
55
-
let alpha = Number(
56
-
window
57
-
.getComputedStyle(elRef.current)
58
-
.getPropertyValue("--bg-page-alpha"),
59
-
);
60
-
setHasBackgroundImage(alpha < 0.7);
61
-
}, [themeRecord?.backgroundImage?.image]);
62
-
63
let backgroundImage =
64
themeRecord?.backgroundImage?.image?.ref && uri
65
? blobRefToSrc(themeRecord.backgroundImage.image.ref, new AtUri(uri).host)
···
72
? pubRecord?.theme?.showPageBackground
73
: postRecord.theme?.showPageBackground ?? true;
74
75
-
let mergedPrefs = mergePreferences(
76
-
postRecord?.preferences,
77
-
pubRecord?.preferences,
78
-
);
79
-
80
-
let quotes =
81
-
props.documents.mentionsCount ??
82
-
props.documents.document_mentions_in_bsky?.[0]?.count ??
83
-
0;
84
let comments =
85
-
mergedPrefs.showComments === false
86
? 0
87
: props.documents.comments_on_documents?.[0]?.count || 0;
88
-
let recommends = props.documents.recommends_on_documents?.[0]?.count || 0;
89
let tags = (postRecord?.tags as string[] | undefined) || [];
90
91
// For standalone posts, link directly to the document
92
-
let postUrl = getDocumentURL(postRecord, props.documents.uri, pubRecord);
93
94
return (
95
-
<div className="postListing flex flex-col gap-1">
96
-
<BaseThemeProvider {...theme} local>
97
<div
98
-
ref={elRef}
99
-
id={`post-listing-${postUri}`}
100
-
className={`
101
-
relative
102
-
flex flex-col overflow-hidden
103
-
selected-outline border-border-light rounded-lg w-full hover:outline-accent-contrast
104
-
hover:border-accent-contrast
105
-
${showPageBackground ? "bg-bg-page " : "bg-bg-leaflet"} `}
106
-
style={
107
-
hasBackgroundImage
108
-
? {
109
-
backgroundImage: backgroundImage
110
-
? `url(${backgroundImage})`
111
-
: undefined,
112
-
backgroundRepeat: backgroundImageRepeat
113
-
? "repeat"
114
-
: "no-repeat",
115
-
backgroundSize: backgroundImageRepeat
116
-
? `${backgroundImageSize}px`
117
-
: "cover",
118
-
}
119
-
: {}
120
-
}
121
>
122
-
<Link
123
-
className="h-full w-full absolute top-0 left-0"
124
-
href={postUrl}
125
-
/>
126
-
{postRecord.coverImage && (
127
-
<div className="postListingImage">
128
-
<img
129
-
src={blobRefToSrc(postRecord.coverImage.ref, postUri.host)}
130
-
alt={postRecord.title || ""}
131
-
className="w-full h-auto aspect-video object-cover object-top-left rounded"
132
/>
133
</div>
134
-
)}
135
-
<div className="postListingInfo px-3 py-2">
136
-
<h3 className="postListingTitle text-primary line-clamp-2 sm:text-lg text-base">
137
-
{postRecord.title}
138
-
</h3>
139
-
140
-
<p className="postListingDescription text-secondary line-clamp-3 sm:text-base text-sm">
141
-
{postRecord.description}
142
-
</p>
143
-
<div className="flex flex-col-reverse gap-2 text-sm text-tertiary items-center justify-start pt-1.5 w-full">
144
-
{props.publication && pubRecord && (
145
-
<PubInfo
146
-
href={props.publication.href}
147
-
pubRecord={pubRecord}
148
-
uri={props.publication.uri}
149
-
postRecord={postRecord}
150
-
/>
151
-
)}
152
-
<div className="flex flex-row justify-between gap-2 text-xs items-center w-full">
153
-
<PostDate publishedAt={postRecord.publishedAt} />
154
-
{tags.length === 0 ? null : <TagPopover tags={tags!} />}
155
-
</div>
156
-
</div>
157
</div>
158
</div>
159
-
</BaseThemeProvider>
160
-
<div className="text-sm flex justify-between text-tertiary">
161
-
<Interactions
162
-
postUrl={postUrl}
163
-
quotesCount={quotes}
164
-
commentsCount={comments}
165
-
recommendsCount={recommends}
166
-
tags={tags}
167
-
showComments={mergedPrefs.showComments !== false}
168
-
showMentions={mergedPrefs.showMentions !== false}
169
-
documentUri={props.documents.uri}
170
-
document={postRecord}
171
-
publication={pubRecord}
172
-
/>
173
-
<Share postUrl={postUrl} />
174
</div>
175
-
</div>
176
);
177
};
178
···
180
href: string;
181
pubRecord: NormalizedPublication;
182
uri: string;
183
-
postRecord: NormalizedDocument;
184
}) => {
185
-
let isLeaflet = hasLeafletContent(props.postRecord);
186
-
let cleanUrl = props.pubRecord.url
187
-
?.replace(/^https?:\/\//, "")
188
-
.replace(/^www\./, "");
189
-
190
return (
191
-
<div className="flex flex-col shrink-0 w-full">
192
-
<hr className=" block border-border-light mb-1" />
193
-
<div className="flex justify-between gap-4 w-full ">
194
-
<Link
195
-
href={props.href}
196
-
className="text-accent-contrast font-bold no-underline text-sm flex gap-[6px] items-center relative grow w-max shrink-0 min-w-0"
197
-
>
198
-
<PubIcon tiny record={props.pubRecord} uri={props.uri} />
199
-
<div className="w-max min-w-0">{props.pubRecord.name}</div>
200
-
</Link>
201
-
{!isLeaflet && (
202
-
<div className="text-sm flex flex-row items-center text-tertiary gap-1 min-w-0">
203
-
<div className="truncate min-w-0">{cleanUrl}</div>
204
-
<ExternalLinkTiny className="shrink-0" />
205
-
</div>
206
-
)}
207
-
</div>
208
</div>
209
);
210
};
211
212
-
const PostDate = (props: { publishedAt: string | undefined }) => {
213
let localizedDate = useLocalizedDate(props.publishedAt || "", {
214
year: "numeric",
215
month: "short",
216
day: "numeric",
217
});
218
-
if (props.publishedAt) {
219
-
return <div className="shrink-0 sm:text-sm text-xs">{localizedDate}</div>;
220
-
} else return null;
221
-
};
222
-
223
-
const Interactions = (props: {
224
-
quotesCount: number;
225
-
commentsCount: number;
226
-
recommendsCount: number;
227
-
tags?: string[];
228
-
postUrl: string;
229
-
showComments: boolean;
230
-
showMentions: boolean;
231
-
documentUri: string;
232
-
document: NormalizedDocument;
233
-
publication?: NormalizedPublication;
234
-
}) => {
235
-
let setSelectedPostListing = useSelectedPostListing(
236
-
(s) => s.setSelectedPostListing,
237
-
);
238
-
let selectPostListing = (drawer: "quotes" | "comments") => {
239
-
setSelectedPostListing({
240
-
document_uri: props.documentUri,
241
-
document: props.document,
242
-
publication: props.publication,
243
-
drawer,
244
-
});
245
-
};
246
-
247
return (
248
-
<div
249
-
className={`flex gap-2 text-tertiary text-sm items-center justify-between px-1`}
250
-
>
251
-
<div className="postListingsInteractions flex gap-3">
252
-
<RecommendButton
253
-
documentUri={props.documentUri}
254
-
recommendsCount={props.recommendsCount}
255
-
/>
256
-
{!props.showMentions || props.quotesCount === 0 ? null : (
257
-
<button
258
-
aria-label="Post quotes"
259
-
onClick={() => selectPostListing("quotes")}
260
-
className="relative flex flex-row gap-1 text-sm items-center hover:text-accent-contrast text-tertiary"
261
-
>
262
-
<QuoteTiny /> {props.quotesCount}
263
-
</button>
264
-
)}
265
-
{!props.showComments || props.commentsCount === 0 ? null : (
266
-
<button
267
-
aria-label="Post comments"
268
-
onClick={() => selectPostListing("comments")}
269
-
className="relative flex flex-row gap-1 text-sm items-center hover:text-accent-contrast text-tertiary"
270
-
>
271
-
<CommentTiny /> {props.commentsCount}
272
-
</button>
273
-
)}
274
-
</div>
275
</div>
276
);
277
};
278
-
279
-
const Share = (props: { postUrl: string }) => {
280
-
let smoker = useSmoker();
281
-
return (
282
-
<button
283
-
id={`copy-post-link-${props.postUrl}`}
284
-
className="flex gap-1 items-center hover:text-accent-contrast relative font-bold"
285
-
onClick={(e) => {
286
-
e.stopPropagation();
287
-
e.preventDefault();
288
-
let mouseX = e.clientX;
289
-
let mouseY = e.clientY;
290
-
291
-
if (!props.postUrl) return;
292
-
navigator.clipboard.writeText(
293
-
props.postUrl.includes("http")
294
-
? props.postUrl
295
-
: `leaflet.pub/${props.postUrl}`,
296
-
);
297
-
298
-
smoker({
299
-
text: <strong>Copied Link!</strong>,
300
-
position: {
301
-
y: mouseY,
302
-
x: mouseX,
303
-
},
304
-
});
305
-
}}
306
-
>
307
-
Share <ShareTiny />
308
-
</button>
309
-
);
310
-
};
···
1
"use client";
2
import { AtUri } from "@atproto/api";
3
import { PubIcon } from "components/ActionBar/Publications";
4
+
import { CommentTiny } from "components/Icons/CommentTiny";
5
+
import { QuoteTiny } from "components/Icons/QuoteTiny";
6
+
import { Separator } from "components/Layout";
7
import { usePubTheme } from "components/ThemeManager/PublicationThemeProvider";
8
import { BaseThemeProvider } from "components/ThemeManager/ThemeProvider";
9
+
import { useSmoker } from "components/Toast";
10
import { blobRefToSrc } from "src/utils/blobRefToSrc";
11
import type {
12
NormalizedDocument,
13
NormalizedPublication,
14
} from "src/utils/normalizeRecords";
15
import type { Post } from "app/(home-pages)/reader/getReaderFeed";
16
17
import Link from "next/link";
18
+
import { InteractionPreview } from "./InteractionsPreview";
19
import { useLocalizedDate } from "src/hooks/useLocalizedDate";
20
21
export const PostListing = (props: Post) => {
22
let pubRecord = props.publication?.pubRecord as
···
36
let isStandalone = !pubRecord;
37
let theme = usePubTheme(pubRecord?.theme || postRecord?.theme, isStandalone);
38
let themeRecord = pubRecord?.theme || postRecord?.theme;
39
let backgroundImage =
40
themeRecord?.backgroundImage?.image?.ref && uri
41
? blobRefToSrc(themeRecord.backgroundImage.image.ref, new AtUri(uri).host)
···
48
? pubRecord?.theme?.showPageBackground
49
: postRecord.theme?.showPageBackground ?? true;
50
51
+
let quotes = props.documents.document_mentions_in_bsky?.[0]?.count || 0;
52
let comments =
53
+
pubRecord?.preferences?.showComments === false
54
? 0
55
: props.documents.comments_on_documents?.[0]?.count || 0;
56
let tags = (postRecord?.tags as string[] | undefined) || [];
57
58
// For standalone posts, link directly to the document
59
+
let postHref = props.publication
60
+
? `${props.publication.href}/${postUri.rkey}`
61
+
: `/p/${postUri.host}/${postUri.rkey}`;
62
63
return (
64
+
<BaseThemeProvider {...theme} local>
65
+
<div
66
+
style={{
67
+
backgroundImage: backgroundImage
68
+
? `url(${backgroundImage})`
69
+
: undefined,
70
+
backgroundRepeat: backgroundImageRepeat ? "repeat" : "no-repeat",
71
+
backgroundSize: `${backgroundImageRepeat ? `${backgroundImageSize}px` : "cover"}`,
72
+
}}
73
+
className={`no-underline! flex flex-row gap-2 w-full relative
74
+
bg-bg-leaflet
75
+
border border-border-light rounded-lg
76
+
sm:p-2 p-2 selected-outline
77
+
hover:outline-accent-contrast hover:border-accent-contrast
78
+
`}
79
+
>
80
+
<Link className="h-full w-full absolute top-0 left-0" href={postHref} />
81
<div
82
+
className={`${showPageBackground ? "bg-bg-page " : "bg-transparent"} rounded-md w-full px-[10px] pt-2 pb-2`}
83
+
style={{
84
+
backgroundColor: showPageBackground
85
+
? "rgba(var(--bg-page), var(--bg-page-alpha))"
86
+
: "transparent",
87
+
}}
88
>
89
+
<h3 className="text-primary truncate">{postRecord.title}</h3>
90
+
91
+
<p className="text-secondary italic">{postRecord.description}</p>
92
+
<div className="flex flex-col-reverse md:flex-row md gap-2 text-sm text-tertiary items-center justify-start pt-1.5 md:pt-3 w-full">
93
+
{props.publication && pubRecord && (
94
+
<PubInfo
95
+
href={props.publication.href}
96
+
pubRecord={pubRecord}
97
+
uri={props.publication.uri}
98
+
/>
99
+
)}
100
+
<div className="flex flex-row justify-between gap-2 items-center w-full">
101
+
<PostInfo publishedAt={postRecord.publishedAt} />
102
+
<InteractionPreview
103
+
postUrl={postHref}
104
+
quotesCount={quotes}
105
+
commentsCount={comments}
106
+
tags={tags}
107
+
showComments={pubRecord?.preferences?.showComments !== false}
108
+
showMentions={pubRecord?.preferences?.showMentions !== false}
109
+
share
110
/>
111
</div>
112
</div>
113
</div>
114
</div>
115
+
</BaseThemeProvider>
116
);
117
};
118
···
120
href: string;
121
pubRecord: NormalizedPublication;
122
uri: string;
123
}) => {
124
return (
125
+
<div className="flex flex-col md:w-auto shrink-0 w-full">
126
+
<hr className="md:hidden block border-border-light mb-2" />
127
+
<Link
128
+
href={props.href}
129
+
className="text-accent-contrast font-bold no-underline text-sm flex gap-1 items-center md:w-fit relative shrink-0"
130
+
>
131
+
<PubIcon small record={props.pubRecord} uri={props.uri} />
132
+
{props.pubRecord.name}
133
+
</Link>
134
</div>
135
);
136
};
137
138
+
const PostInfo = (props: { publishedAt: string | undefined }) => {
139
let localizedDate = useLocalizedDate(props.publishedAt || "", {
140
year: "numeric",
141
month: "short",
142
day: "numeric",
143
});
144
return (
145
+
<div className="flex gap-2 items-center shrink-0 self-start">
146
+
{props.publishedAt && (
147
+
<>
148
+
<div className="shrink-0">{localizedDate}</div>
149
+
</>
150
+
)}
151
</div>
152
);
153
};
-96
components/PostSettings.tsx
-96
components/PostSettings.tsx
···
1
-
"use client";
2
-
3
-
import { ActionButton } from "components/ActionBar/ActionButton";
4
-
import { SettingsSmall } from "components/Icons/SettingsSmall";
5
-
import { Toggle } from "components/Toggle";
6
-
import { Popover } from "components/Popover";
7
-
import { useLeafletPublicationData } from "components/PageSWRDataProvider";
8
-
import { useReplicache } from "src/replicache";
9
-
import { useSubscribe } from "src/replicache/useSubscribe";
10
-
11
-
type PostPreferences = {
12
-
showComments?: boolean;
13
-
showMentions?: boolean;
14
-
showRecommends?: boolean;
15
-
};
16
-
17
-
export function PostSettings() {
18
-
let { data: pub, normalizedPublication } = useLeafletPublicationData();
19
-
let { rep } = useReplicache();
20
-
21
-
let postPreferences = useSubscribe(rep, (tx) =>
22
-
tx.get<PostPreferences | null>("post_preferences"),
23
-
);
24
-
25
-
if (!pub || !pub.publications) return null;
26
-
27
-
let pubPrefs = normalizedPublication?.preferences;
28
-
29
-
let showComments =
30
-
postPreferences?.showComments ?? pubPrefs?.showComments ?? true;
31
-
let showMentions =
32
-
postPreferences?.showMentions ?? pubPrefs?.showMentions ?? true;
33
-
let showRecommends =
34
-
postPreferences?.showRecommends ?? pubPrefs?.showRecommends ?? true;
35
-
36
-
const updatePreference = (
37
-
field: keyof PostPreferences,
38
-
value: boolean,
39
-
) => {
40
-
let current: PostPreferences = postPreferences || {};
41
-
rep?.mutate.updatePublicationDraft({
42
-
preferences: { ...current, [field]: value },
43
-
});
44
-
};
45
-
46
-
return (
47
-
<Popover
48
-
asChild
49
-
side="right"
50
-
align="start"
51
-
className="max-w-xs w-[1000px]"
52
-
trigger={
53
-
<ActionButton
54
-
icon={<SettingsSmall />}
55
-
label="Settings"
56
-
/>
57
-
}
58
-
>
59
-
<div className="text-primary flex flex-col">
60
-
<div className="flex justify-between font-bold text-secondary bg-border-light -mx-3 -mt-2 px-3 py-2 mb-1">
61
-
This Post Settings
62
-
</div>
63
-
<div className="flex flex-col gap-2">
64
-
<Toggle
65
-
toggle={showComments}
66
-
onToggle={() => updatePreference("showComments", !showComments)}
67
-
>
68
-
<div className="font-bold">Show Comments</div>
69
-
</Toggle>
70
-
<Toggle
71
-
toggle={showMentions}
72
-
onToggle={() => updatePreference("showMentions", !showMentions)}
73
-
>
74
-
<div className="flex flex-col justify-start">
75
-
<div className="font-bold">Show Mentions</div>
76
-
<div className="text-tertiary text-sm leading-tight">
77
-
Display a list of Bluesky mentions about your post
78
-
</div>
79
-
</div>
80
-
</Toggle>
81
-
<Toggle
82
-
toggle={showRecommends}
83
-
onToggle={() => updatePreference("showRecommends", !showRecommends)}
84
-
>
85
-
<div className="flex flex-col justify-start">
86
-
<div className="font-bold">Show Recommends</div>
87
-
<div className="text-tertiary text-sm leading-tight">
88
-
Allow readers to recommend/like your post
89
-
</div>
90
-
</div>
91
-
</Toggle>
92
-
</div>
93
-
</div>
94
-
</Popover>
95
-
);
96
-
}
···
-173
components/RecommendButton.tsx
-173
components/RecommendButton.tsx
···
1
-
"use client";
2
-
3
-
import { useState } from "react";
4
-
import useSWR, { mutate } from "swr";
5
-
import { create, windowScheduler } from "@yornaath/batshit";
6
-
import { RecommendTinyEmpty, RecommendTinyFilled } from "./Icons/RecommendTiny";
7
-
import {
8
-
recommendAction,
9
-
unrecommendAction,
10
-
} from "app/lish/[did]/[publication]/[rkey]/Interactions/recommendAction";
11
-
import { callRPC } from "app/api/rpc/client";
12
-
import { useSmoker, useToaster } from "./Toast";
13
-
import { OAuthErrorMessage, isOAuthSessionError } from "./OAuthError";
14
-
import { ButtonSecondary } from "./Buttons";
15
-
import { Separator } from "./Layout";
16
-
17
-
// Create a batcher for recommendation checks
18
-
// Batches requests made within 10ms window
19
-
const recommendationBatcher = create({
20
-
fetcher: async (documentUris: string[]) => {
21
-
const response = await callRPC("get_user_recommendations", {
22
-
documentUris,
23
-
});
24
-
return response.result;
25
-
},
26
-
resolver: (results, documentUri) => results[documentUri] ?? false,
27
-
scheduler: windowScheduler(10),
28
-
});
29
-
30
-
const getRecommendationKey = (documentUri: string) =>
31
-
`recommendation:${documentUri}`;
32
-
33
-
function useUserRecommendation(documentUri: string) {
34
-
const { data: hasRecommended, isLoading } = useSWR(
35
-
getRecommendationKey(documentUri),
36
-
() => recommendationBatcher.fetch(documentUri),
37
-
);
38
-
39
-
return {
40
-
hasRecommended: hasRecommended ?? false,
41
-
isLoading,
42
-
};
43
-
}
44
-
45
-
function mutateRecommendation(documentUri: string, hasRecommended: boolean) {
46
-
mutate(getRecommendationKey(documentUri), hasRecommended, {
47
-
revalidate: false,
48
-
});
49
-
}
50
-
51
-
/**
52
-
* RecommendButton that fetches the user's recommendation status asynchronously.
53
-
* Uses SWR with batched requests for efficient fetching when many buttons are rendered.
54
-
*/
55
-
export function RecommendButton(props: {
56
-
documentUri: string;
57
-
recommendsCount: number;
58
-
className?: string;
59
-
expanded?: boolean;
60
-
}) {
61
-
const { hasRecommended, isLoading } = useUserRecommendation(
62
-
props.documentUri,
63
-
);
64
-
const [count, setCount] = useState(props.recommendsCount);
65
-
const [isPending, setIsPending] = useState(false);
66
-
const [optimisticRecommended, setOptimisticRecommended] = useState<
67
-
boolean | null
68
-
>(null);
69
-
const toaster = useToaster();
70
-
const smoker = useSmoker();
71
-
72
-
// Use optimistic state if set, otherwise use fetched state
73
-
const displayRecommended =
74
-
optimisticRecommended !== null ? optimisticRecommended : hasRecommended;
75
-
76
-
const handleClick = async (e: React.MouseEvent) => {
77
-
if (isPending || isLoading) return;
78
-
79
-
const currentlyRecommended = displayRecommended;
80
-
setIsPending(true);
81
-
setOptimisticRecommended(!currentlyRecommended);
82
-
setCount((c) => (currentlyRecommended ? c - 1 : c + 1));
83
-
84
-
if (!currentlyRecommended) {
85
-
smoker({
86
-
position: {
87
-
x: e.clientX,
88
-
y: e.clientY - 16,
89
-
},
90
-
text: <div className="text-xs">Recc'd!</div>,
91
-
});
92
-
}
93
-
94
-
const result = currentlyRecommended
95
-
? await unrecommendAction({ document: props.documentUri })
96
-
: await recommendAction({ document: props.documentUri });
97
-
if (!result.success) {
98
-
// Revert optimistic update
99
-
setOptimisticRecommended(null);
100
-
setCount((c) => (currentlyRecommended ? c + 1 : c - 1));
101
-
setIsPending(false);
102
-
103
-
toaster({
104
-
content: isOAuthSessionError(result.error) ? (
105
-
<OAuthErrorMessage error={result.error} />
106
-
) : (
107
-
"oh no! error!"
108
-
),
109
-
type: "error",
110
-
});
111
-
return;
112
-
}
113
-
114
-
// Update the SWR cache to match the new state
115
-
mutateRecommendation(props.documentUri, !currentlyRecommended);
116
-
setOptimisticRecommended(null);
117
-
setIsPending(false);
118
-
};
119
-
120
-
if (props.expanded)
121
-
return (
122
-
<ButtonSecondary
123
-
onClick={(e) => {
124
-
e.preventDefault();
125
-
e.stopPropagation();
126
-
handleClick(e);
127
-
}}
128
-
>
129
-
{displayRecommended ? (
130
-
<RecommendTinyFilled className="text-accent-contrast" />
131
-
) : (
132
-
<RecommendTinyEmpty />
133
-
)}
134
-
<div className="flex gap-2 items-center">
135
-
{count > 0 && (
136
-
<>
137
-
<span
138
-
className={`${displayRecommended && "text-accent-contrast"}`}
139
-
>
140
-
{count}
141
-
</span>
142
-
<Separator classname="h-4! text-accent-contrast!" />
143
-
</>
144
-
)}
145
-
{displayRecommended ? "Recommended!" : "Recommend"}
146
-
</div>
147
-
</ButtonSecondary>
148
-
);
149
-
150
-
return (
151
-
<button
152
-
onClick={(e) => {
153
-
e.preventDefault();
154
-
e.stopPropagation();
155
-
handleClick(e);
156
-
}}
157
-
disabled={isPending || isLoading}
158
-
className={`recommendButton relative flex gap-1 items-center hover:text-accent-contrast ${props.className || ""}`}
159
-
aria-label={displayRecommended ? "Remove recommend" : "Recommend"}
160
-
>
161
-
{displayRecommended ? (
162
-
<RecommendTinyFilled className="text-accent-contrast" />
163
-
) : (
164
-
<RecommendTinyEmpty />
165
-
)}
166
-
{count > 0 && (
167
-
<span className={`${displayRecommended && "text-accent-contrast"}`}>
168
-
{count}
169
-
</span>
170
-
)}
171
-
</button>
172
-
);
173
-
}
···
-4
components/Tab.tsx
-4
components/Tab.tsx
···
4
name: string;
5
selected: boolean;
6
onSelect: () => void;
7
-
onMouseEnter?: () => void;
8
-
onPointerDown?: () => void;
9
href?: string;
10
}) => {
11
return (
12
<div
13
className={`pubTabs px-1 py-0 flex gap-1 items-center rounded-md hover:cursor-pointer ${props.selected ? "text-accent-2 bg-accent-1 font-bold -mb-px" : "text-tertiary"}`}
14
onClick={() => props.onSelect()}
15
-
onMouseEnter={props.onMouseEnter}
16
-
onPointerDown={props.onPointerDown}
17
>
18
{props.name}
19
{props.href && <ExternalLinkTiny />}
···
4
name: string;
5
selected: boolean;
6
onSelect: () => void;
7
href?: string;
8
}) => {
9
return (
10
<div
11
className={`pubTabs px-1 py-0 flex gap-1 items-center rounded-md hover:cursor-pointer ${props.selected ? "text-accent-2 bg-accent-1 font-bold -mb-px" : "text-tertiary"}`}
12
onClick={() => props.onSelect()}
13
>
14
{props.name}
15
{props.href && <ExternalLinkTiny />}
+1
components/Tags.tsx
+1
components/Tags.tsx
+16
-25
components/ThemeManager/ThemeProvider.tsx
+16
-25
components/ThemeManager/ThemeProvider.tsx
···
8
export function useCardBorderHiddenContext() {
9
return useContext(CardBorderHiddenContext);
10
}
11
-
12
-
// Context for hasBackgroundImage
13
-
export const HasBackgroundImageContext = createContext<boolean>(false);
14
-
15
-
export function useHasBackgroundImageContext() {
16
-
return useContext(HasBackgroundImageContext);
17
-
}
18
import {
19
colorToString,
20
useColorAttribute,
···
86
87
return (
88
<CardBorderHiddenContext.Provider value={!!cardBorderHiddenValue}>
89
-
<HasBackgroundImageContext.Provider value={hasBackgroundImage}>
90
-
<BaseThemeProvider
91
-
local={props.local}
92
-
bgLeaflet={bgLeaflet}
93
-
bgPage={bgPage}
94
-
primary={primary}
95
-
highlight2={highlight2}
96
-
highlight3={highlight3}
97
-
highlight1={highlight1?.data.value}
98
-
accent1={accent1}
99
-
accent2={accent2}
100
-
showPageBackground={showPageBackground}
101
-
pageWidth={pageWidth?.data.value}
102
-
hasBackgroundImage={hasBackgroundImage}
103
-
>
104
-
{props.children}
105
-
</BaseThemeProvider>
106
-
</HasBackgroundImageContext.Provider>
107
</CardBorderHiddenContext.Provider>
108
);
109
}
···
8
export function useCardBorderHiddenContext() {
9
return useContext(CardBorderHiddenContext);
10
}
11
import {
12
colorToString,
13
useColorAttribute,
···
79
80
return (
81
<CardBorderHiddenContext.Provider value={!!cardBorderHiddenValue}>
82
+
<BaseThemeProvider
83
+
local={props.local}
84
+
bgLeaflet={bgLeaflet}
85
+
bgPage={bgPage}
86
+
primary={primary}
87
+
highlight2={highlight2}
88
+
highlight3={highlight3}
89
+
highlight1={highlight1?.data.value}
90
+
accent1={accent1}
91
+
accent2={accent2}
92
+
showPageBackground={showPageBackground}
93
+
pageWidth={pageWidth?.data.value}
94
+
hasBackgroundImage={hasBackgroundImage}
95
+
>
96
+
{props.children}
97
+
</BaseThemeProvider>
98
</CardBorderHiddenContext.Provider>
99
);
100
}
-1
contexts/DocumentContext.tsx
-1
contexts/DocumentContext.tsx
+1
-2
drizzle/schema.ts
+1
-2
drizzle/schema.ts
···
1
-
import { pgTable, pgEnum, text, jsonb, foreignKey, timestamp, boolean, uuid, index, bigint, unique, uniqueIndex, smallint, primaryKey, integer } from "drizzle-orm/pg-core"
2
import { sql } from "drizzle-orm"
3
4
export const aal_level = pgEnum("aal_level", ['aal1', 'aal2', 'aal3'])
···
225
uri: text("uri").primaryKey().notNull(),
226
data: jsonb("data").notNull(),
227
indexed_at: timestamp("indexed_at", { withTimezone: true, mode: 'string' }).defaultNow().notNull(),
228
-
bsky_like_count: integer("bsky_like_count").default(0).notNull(),
229
});
230
231
export const atp_poll_votes = pgTable("atp_poll_votes", {
···
1
+
import { pgTable, pgEnum, text, jsonb, foreignKey, timestamp, boolean, uuid, index, bigint, unique, uniqueIndex, smallint, primaryKey } from "drizzle-orm/pg-core"
2
import { sql } from "drizzle-orm"
3
4
export const aal_level = pgEnum("aal_level", ['aal1', 'aal2', 'aal3'])
···
225
uri: text("uri").primaryKey().notNull(),
226
data: jsonb("data").notNull(),
227
indexed_at: timestamp("indexed_at", { withTimezone: true, mode: 'string' }).defaultNow().notNull(),
228
});
229
230
export const atp_poll_votes = pgTable("atp_poll_votes", {
-1
feeds/index.ts
-1
feeds/index.ts
-17
lexicons/api/lexicons.ts
-17
lexicons/api/lexicons.ts
···
1469
type: 'ref',
1470
ref: 'lex:pub.leaflet.publication#theme',
1471
},
1472
-
preferences: {
1473
-
type: 'ref',
1474
-
ref: 'lex:pub.leaflet.publication#preferences',
1475
-
},
1476
tags: {
1477
type: 'array',
1478
items: {
···
1872
type: 'boolean',
1873
default: true,
1874
},
1875
-
showRecommends: {
1876
-
type: 'boolean',
1877
-
default: true,
1878
-
},
1879
},
1880
},
1881
theme: {
···
2202
maxLength: 5000,
2203
type: 'string',
2204
},
2205
-
preferences: {
2206
-
type: 'union',
2207
-
refs: ['lex:pub.leaflet.publication#preferences'],
2208
-
closed: false,
2209
-
},
2210
updatedAt: {
2211
format: 'datetime',
2212
type: 'string',
···
2301
},
2302
showPrevNext: {
2303
default: false,
2304
-
type: 'boolean',
2305
-
},
2306
-
showRecommends: {
2307
-
default: true,
2308
type: 'boolean',
2309
},
2310
},
···
1469
type: 'ref',
1470
ref: 'lex:pub.leaflet.publication#theme',
1471
},
1472
tags: {
1473
type: 'array',
1474
items: {
···
1868
type: 'boolean',
1869
default: true,
1870
},
1871
},
1872
},
1873
theme: {
···
2194
maxLength: 5000,
2195
type: 'string',
2196
},
2197
updatedAt: {
2198
format: 'datetime',
2199
type: 'string',
···
2288
},
2289
showPrevNext: {
2290
default: false,
2291
type: 'boolean',
2292
},
2293
},
-1
lexicons/api/types/pub/leaflet/document.ts
-1
lexicons/api/types/pub/leaflet/document.ts
-1
lexicons/api/types/pub/leaflet/publication.ts
-1
lexicons/api/types/pub/leaflet/publication.ts
-1
lexicons/api/types/site/standard/document.ts
-1
lexicons/api/types/site/standard/document.ts
-1
lexicons/api/types/site/standard/publication.ts
-1
lexicons/api/types/site/standard/publication.ts
-4
lexicons/pub/leaflet/document.json
-4
lexicons/pub/leaflet/document.json
-4
lexicons/pub/leaflet/publication.json
-4
lexicons/pub/leaflet/publication.json
-5
lexicons/site/standard/document.json
-5
lexicons/site/standard/document.json
-4
lexicons/site/standard/publication.json
-4
lexicons/site/standard/publication.json
-4
lexicons/src/document.ts
-4
lexicons/src/document.ts
···
23
publication: { type: "string", format: "at-uri" },
24
author: { type: "string", format: "at-identifier" },
25
theme: { type: "ref", ref: "pub.leaflet.publication#theme" },
26
-
preferences: {
27
-
type: "ref",
28
-
ref: "pub.leaflet.publication#preferences",
29
-
},
30
tags: { type: "array", items: { type: "string", maxLength: 50 } },
31
coverImage: {
32
type: "blob",
+11
-28
lexicons/src/normalize.ts
+11
-28
lexicons/src/normalize.ts
···
28
export type NormalizedDocument = SiteStandardDocument.Record & {
29
// Keep the original theme for components that need leaflet-specific styling
30
theme?: PubLeafletPublication.Theme;
31
-
preferences?: SiteStandardPublication.Preferences;
32
};
33
34
// Normalized publication type - uses the generated site.standard.publication type
···
51
* Checks if the record is a pub.leaflet.document
52
*/
53
export function isLeafletDocument(
54
-
record: unknown,
55
): record is PubLeafletDocument.Record {
56
if (!record || typeof record !== "object") return false;
57
const r = record as Record<string, unknown>;
···
66
* Checks if the record is a site.standard.document
67
*/
68
export function isStandardDocument(
69
-
record: unknown,
70
): record is SiteStandardDocument.Record {
71
if (!record || typeof record !== "object") return false;
72
const r = record as Record<string, unknown>;
···
77
* Checks if the record is a pub.leaflet.publication
78
*/
79
export function isLeafletPublication(
80
-
record: unknown,
81
): record is PubLeafletPublication.Record {
82
if (!record || typeof record !== "object") return false;
83
const r = record as Record<string, unknown>;
···
92
* Checks if the record is a site.standard.publication
93
*/
94
export function isStandardPublication(
95
-
record: unknown,
96
): record is SiteStandardPublication.Record {
97
if (!record || typeof record !== "object") return false;
98
const r = record as Record<string, unknown>;
···
107
| $Typed<PubLeafletThemeColor.Rgba>
108
| $Typed<PubLeafletThemeColor.Rgb>
109
| { $type: string }
110
-
| undefined,
111
): { r: number; g: number; b: number } | undefined {
112
if (!color || typeof color !== "object") return undefined;
113
const c = color as Record<string, unknown>;
···
125
* Converts a pub.leaflet theme to a site.standard.theme.basic format
126
*/
127
export function leafletThemeToBasicTheme(
128
-
theme: PubLeafletPublication.Theme | undefined,
129
): SiteStandardThemeBasic.Main | undefined {
130
if (!theme) return undefined;
131
132
const background = extractRgb(theme.backgroundColor);
133
-
const accent =
134
-
extractRgb(theme.accentBackground) || extractRgb(theme.primary);
135
const accentForeground = extractRgb(theme.accentText);
136
137
// If we don't have the required colors, return undefined
···
162
* @param uri - Optional document URI, used to extract the rkey for the path field when normalizing pub.leaflet records
163
* @returns A normalized document in site.standard format, or null if invalid/unrecognized
164
*/
165
-
export function normalizeDocument(
166
-
record: unknown,
167
-
uri?: string,
168
-
): NormalizedDocument | null {
169
if (!record || typeof record !== "object") return null;
170
171
// Pass through site.standard records directly (theme is already in correct format if present)
172
if (isStandardDocument(record)) {
173
-
const preferences = record.preferences as
174
-
| SiteStandardPublication.Preferences
175
-
| undefined;
176
return {
177
...record,
178
theme: record.theme,
179
-
preferences,
180
} as NormalizedDocument;
181
}
182
···
203
}
204
: undefined;
205
206
-
// Extract preferences if present (available after lexicon rebuild)
207
-
const leafletPrefs = (record as Record<string, unknown>)
208
-
.preferences as SiteStandardPublication.Preferences | undefined;
209
-
210
return {
211
$type: "site.standard.document",
212
title: record.title,
···
219
bskyPostRef: record.postRef,
220
content,
221
theme: record.theme,
222
-
preferences: leafletPrefs
223
-
? { ...leafletPrefs, $type: "site.standard.publication#preferences" as const }
224
-
: undefined,
225
};
226
}
227
···
235
* @returns A normalized publication in site.standard format, or null if invalid/unrecognized
236
*/
237
export function normalizePublication(
238
-
record: unknown,
239
): NormalizedPublication | null {
240
if (!record || typeof record !== "object") return null;
241
···
284
showComments: record.preferences.showComments,
285
showMentions: record.preferences.showMentions,
286
showPrevNext: record.preferences.showPrevNext,
287
-
showRecommends: record.preferences.showRecommends,
288
}
289
: undefined;
290
···
307
* Type guard to check if a normalized document has leaflet content
308
*/
309
export function hasLeafletContent(
310
-
doc: NormalizedDocument,
311
): doc is NormalizedDocument & {
312
content: $Typed<PubLeafletContent.Main>;
313
} {
···
321
* Gets the pages array from a normalized document, handling both formats
322
*/
323
export function getDocumentPages(
324
-
doc: NormalizedDocument,
325
): PubLeafletContent.Main["pages"] | undefined {
326
if (!doc.content) return undefined;
327
···
28
export type NormalizedDocument = SiteStandardDocument.Record & {
29
// Keep the original theme for components that need leaflet-specific styling
30
theme?: PubLeafletPublication.Theme;
31
};
32
33
// Normalized publication type - uses the generated site.standard.publication type
···
50
* Checks if the record is a pub.leaflet.document
51
*/
52
export function isLeafletDocument(
53
+
record: unknown
54
): record is PubLeafletDocument.Record {
55
if (!record || typeof record !== "object") return false;
56
const r = record as Record<string, unknown>;
···
65
* Checks if the record is a site.standard.document
66
*/
67
export function isStandardDocument(
68
+
record: unknown
69
): record is SiteStandardDocument.Record {
70
if (!record || typeof record !== "object") return false;
71
const r = record as Record<string, unknown>;
···
76
* Checks if the record is a pub.leaflet.publication
77
*/
78
export function isLeafletPublication(
79
+
record: unknown
80
): record is PubLeafletPublication.Record {
81
if (!record || typeof record !== "object") return false;
82
const r = record as Record<string, unknown>;
···
91
* Checks if the record is a site.standard.publication
92
*/
93
export function isStandardPublication(
94
+
record: unknown
95
): record is SiteStandardPublication.Record {
96
if (!record || typeof record !== "object") return false;
97
const r = record as Record<string, unknown>;
···
106
| $Typed<PubLeafletThemeColor.Rgba>
107
| $Typed<PubLeafletThemeColor.Rgb>
108
| { $type: string }
109
+
| undefined
110
): { r: number; g: number; b: number } | undefined {
111
if (!color || typeof color !== "object") return undefined;
112
const c = color as Record<string, unknown>;
···
124
* Converts a pub.leaflet theme to a site.standard.theme.basic format
125
*/
126
export function leafletThemeToBasicTheme(
127
+
theme: PubLeafletPublication.Theme | undefined
128
): SiteStandardThemeBasic.Main | undefined {
129
if (!theme) return undefined;
130
131
const background = extractRgb(theme.backgroundColor);
132
+
const accent = extractRgb(theme.accentBackground) || extractRgb(theme.primary);
133
const accentForeground = extractRgb(theme.accentText);
134
135
// If we don't have the required colors, return undefined
···
160
* @param uri - Optional document URI, used to extract the rkey for the path field when normalizing pub.leaflet records
161
* @returns A normalized document in site.standard format, or null if invalid/unrecognized
162
*/
163
+
export function normalizeDocument(record: unknown, uri?: string): NormalizedDocument | null {
164
if (!record || typeof record !== "object") return null;
165
166
// Pass through site.standard records directly (theme is already in correct format if present)
167
if (isStandardDocument(record)) {
168
return {
169
...record,
170
theme: record.theme,
171
} as NormalizedDocument;
172
}
173
···
194
}
195
: undefined;
196
197
return {
198
$type: "site.standard.document",
199
title: record.title,
···
206
bskyPostRef: record.postRef,
207
content,
208
theme: record.theme,
209
};
210
}
211
···
219
* @returns A normalized publication in site.standard format, or null if invalid/unrecognized
220
*/
221
export function normalizePublication(
222
+
record: unknown
223
): NormalizedPublication | null {
224
if (!record || typeof record !== "object") return null;
225
···
268
showComments: record.preferences.showComments,
269
showMentions: record.preferences.showMentions,
270
showPrevNext: record.preferences.showPrevNext,
271
}
272
: undefined;
273
···
290
* Type guard to check if a normalized document has leaflet content
291
*/
292
export function hasLeafletContent(
293
+
doc: NormalizedDocument
294
): doc is NormalizedDocument & {
295
content: $Typed<PubLeafletContent.Main>;
296
} {
···
304
* Gets the pages array from a normalized document, handling both formats
305
*/
306
export function getDocumentPages(
307
+
doc: NormalizedDocument
308
): PubLeafletContent.Main["pages"] | undefined {
309
if (!doc.content) return undefined;
310
-1
lexicons/src/publication.ts
-1
lexicons/src/publication.ts
+681
-423
package-lock.json
+681
-423
package-lock.json
···
12
"@atproto/api": "^0.16.9",
13
"@atproto/common": "^0.4.8",
14
"@atproto/identity": "^0.4.6",
15
-
"@atproto/lexicon": "^0.6.1",
16
"@atproto/oauth-client-node": "^0.3.8",
17
"@atproto/sync": "^0.1.34",
18
"@atproto/syntax": "^0.3.3",
19
"@atproto/xrpc": "^0.7.5",
20
"@atproto/xrpc-server": "^0.9.5",
21
"@hono/node-server": "^1.14.3",
···
37
"@vercel/analytics": "^1.5.0",
38
"@vercel/functions": "^2.2.12",
39
"@vercel/sdk": "^1.11.4",
40
-
"@yornaath/batshit": "^0.14.0",
41
"babel-plugin-react-compiler": "^19.1.0-rc.1",
42
"base64-js": "^1.5.1",
43
"colorjs.io": "^0.5.2",
···
236
}
237
},
238
"node_modules/@atproto/api/node_modules/@atproto/syntax": {
239
-
"version": "0.4.3",
240
-
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.3.tgz",
241
-
"integrity": "sha512-YoZUz40YAJr5nPwvCDWgodEOlt5IftZqPJvA0JDWjuZKD8yXddTwSzXSaKQAzGOpuM+/A3uXRtPzJJqlScc+iA==",
242
-
"license": "MIT",
243
-
"dependencies": {
244
-
"tslib": "^2.8.1"
245
-
}
246
},
247
"node_modules/@atproto/api/node_modules/multiformats": {
248
"version": "9.9.0",
···
268
}
269
},
270
"node_modules/@atproto/common-web": {
271
-
"version": "0.4.15",
272
-
"resolved": "https://registry.npmjs.org/@atproto/common-web/-/common-web-0.4.15.tgz",
273
-
"integrity": "sha512-A4l9gyqUNez8CjZp/Trypz/D3WIQsNj8dN05WR6+RoBbvwc9JhWjKPrm+WoVYc/F16RPdXHLkE3BEJlGIyYIiA==",
274
"license": "MIT",
275
"dependencies": {
276
-
"@atproto/lex-data": "^0.0.10",
277
-
"@atproto/lex-json": "^0.0.10",
278
-
"@atproto/syntax": "^0.4.3",
279
"zod": "^3.23.8"
280
}
281
-
},
282
-
"node_modules/@atproto/common-web/node_modules/@atproto/lex-data": {
283
-
"version": "0.0.10",
284
-
"resolved": "https://registry.npmjs.org/@atproto/lex-data/-/lex-data-0.0.10.tgz",
285
-
"integrity": "sha512-FDbcy8VIUVzS9Mi1F8SMxbkL/jOUmRRpqbeM1xB4A0fMxeZJTxf6naAbFt4gYF3quu/+TPJGmio6/7cav05FqQ==",
286
-
"license": "MIT",
287
-
"dependencies": {
288
-
"multiformats": "^9.9.0",
289
-
"tslib": "^2.8.1",
290
-
"uint8arrays": "3.0.0",
291
-
"unicode-segmenter": "^0.14.0"
292
-
}
293
-
},
294
-
"node_modules/@atproto/common-web/node_modules/@atproto/lex-json": {
295
-
"version": "0.0.10",
296
-
"resolved": "https://registry.npmjs.org/@atproto/lex-json/-/lex-json-0.0.10.tgz",
297
-
"integrity": "sha512-L6MyXU17C5ODMeob8myQ2F3xvgCTvJUtM0ew8qSApnN//iDasB/FDGgd7ty4UVNmx4NQ/rtvz8xV94YpG6kneQ==",
298
-
"license": "MIT",
299
-
"dependencies": {
300
-
"@atproto/lex-data": "^0.0.10",
301
-
"tslib": "^2.8.1"
302
-
}
303
-
},
304
-
"node_modules/@atproto/common-web/node_modules/@atproto/syntax": {
305
-
"version": "0.4.3",
306
-
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.3.tgz",
307
-
"integrity": "sha512-YoZUz40YAJr5nPwvCDWgodEOlt5IftZqPJvA0JDWjuZKD8yXddTwSzXSaKQAzGOpuM+/A3uXRtPzJJqlScc+iA==",
308
-
"license": "MIT",
309
-
"dependencies": {
310
-
"tslib": "^2.8.1"
311
-
}
312
-
},
313
-
"node_modules/@atproto/common-web/node_modules/multiformats": {
314
-
"version": "9.9.0",
315
-
"resolved": "https://registry.npmjs.org/multiformats/-/multiformats-9.9.0.tgz",
316
-
"integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
317
-
"license": "(Apache-2.0 AND MIT)"
318
},
319
"node_modules/@atproto/common/node_modules/multiformats": {
320
"version": "9.9.0",
···
395
"integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
396
"license": "(Apache-2.0 AND MIT)"
397
},
398
"node_modules/@atproto/lex-cli": {
399
"version": "0.9.5",
400
"resolved": "https://registry.npmjs.org/@atproto/lex-cli/-/lex-cli-0.9.5.tgz",
···
419
}
420
},
421
"node_modules/@atproto/lex-cli/node_modules/@atproto/syntax": {
422
-
"version": "0.4.3",
423
-
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.3.tgz",
424
-
"integrity": "sha512-YoZUz40YAJr5nPwvCDWgodEOlt5IftZqPJvA0JDWjuZKD8yXddTwSzXSaKQAzGOpuM+/A3uXRtPzJJqlScc+iA==",
425
"dev": true,
426
"license": "MIT",
427
"dependencies": {
428
"tslib": "^2.8.1"
429
}
430
},
431
-
"node_modules/@atproto/lexicon": {
432
-
"version": "0.6.1",
433
-
"resolved": "https://registry.npmjs.org/@atproto/lexicon/-/lexicon-0.6.1.tgz",
434
-
"integrity": "sha512-/vI1kVlY50Si+5MXpvOucelnYwb0UJ6Qto5mCp+7Q5C+Jtp+SoSykAPVvjVtTnQUH2vrKOFOwpb3C375vSKzXw==",
435
"license": "MIT",
436
"dependencies": {
437
-
"@atproto/common-web": "^0.4.13",
438
-
"@atproto/syntax": "^0.4.3",
439
-
"iso-datestring-validator": "^2.2.2",
440
"multiformats": "^9.9.0",
441
"zod": "^3.23.8"
442
}
443
},
444
-
"node_modules/@atproto/lexicon/node_modules/@atproto/syntax": {
445
-
"version": "0.4.3",
446
-
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.3.tgz",
447
-
"integrity": "sha512-YoZUz40YAJr5nPwvCDWgodEOlt5IftZqPJvA0JDWjuZKD8yXddTwSzXSaKQAzGOpuM+/A3uXRtPzJJqlScc+iA==",
448
"license": "MIT",
449
"dependencies": {
450
"tslib": "^2.8.1"
451
}
452
},
453
"node_modules/@atproto/lexicon/node_modules/multiformats": {
454
"version": "9.9.0",
···
533
}
534
},
535
"node_modules/@atproto/repo/node_modules/@atproto/common": {
536
-
"version": "0.5.10",
537
-
"resolved": "https://registry.npmjs.org/@atproto/common/-/common-0.5.10.tgz",
538
-
"integrity": "sha512-A1+4W3JmjZIgmtJFLJBAaoVruZhRL0ANtyjZ91aJR4rjHcZuaQ+v4IFR1UcE6yyTATacLdBk6ADy8OtxXzq14g==",
539
"license": "MIT",
540
"dependencies": {
541
-
"@atproto/common-web": "^0.4.15",
542
-
"@atproto/lex-cbor": "^0.0.10",
543
-
"@atproto/lex-data": "^0.0.10",
544
"iso-datestring-validator": "^2.2.2",
545
"multiformats": "^9.9.0",
546
"pino": "^8.21.0"
···
549
"node": ">=18.7.0"
550
}
551
},
552
-
"node_modules/@atproto/repo/node_modules/@atproto/lex-cbor": {
553
-
"version": "0.0.10",
554
-
"resolved": "https://registry.npmjs.org/@atproto/lex-cbor/-/lex-cbor-0.0.10.tgz",
555
-
"integrity": "sha512-5RtV90iIhRNCXXvvETd3KlraV8XGAAAgOmiszUb+l8GySDU/sGk7AlVvArFfXnj/S/GXJq8DP6IaUxCw/sPASA==",
556
"license": "MIT",
557
"dependencies": {
558
-
"@atproto/lex-data": "^0.0.10",
559
-
"tslib": "^2.8.1"
560
}
561
},
562
-
"node_modules/@atproto/repo/node_modules/@atproto/lex-data": {
563
-
"version": "0.0.10",
564
-
"resolved": "https://registry.npmjs.org/@atproto/lex-data/-/lex-data-0.0.10.tgz",
565
-
"integrity": "sha512-FDbcy8VIUVzS9Mi1F8SMxbkL/jOUmRRpqbeM1xB4A0fMxeZJTxf6naAbFt4gYF3quu/+TPJGmio6/7cav05FqQ==",
566
-
"license": "MIT",
567
-
"dependencies": {
568
-
"multiformats": "^9.9.0",
569
-
"tslib": "^2.8.1",
570
-
"uint8arrays": "3.0.0",
571
-
"unicode-segmenter": "^0.14.0"
572
-
}
573
},
574
"node_modules/@atproto/repo/node_modules/multiformats": {
575
"version": "9.9.0",
···
598
}
599
},
600
"node_modules/@atproto/sync/node_modules/@atproto/syntax": {
601
-
"version": "0.4.3",
602
-
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.3.tgz",
603
-
"integrity": "sha512-YoZUz40YAJr5nPwvCDWgodEOlt5IftZqPJvA0JDWjuZKD8yXddTwSzXSaKQAzGOpuM+/A3uXRtPzJJqlScc+iA==",
604
-
"license": "MIT",
605
-
"dependencies": {
606
-
"tslib": "^2.8.1"
607
-
}
608
},
609
"node_modules/@atproto/sync/node_modules/multiformats": {
610
"version": "9.9.0",
···
617
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.3.4.tgz",
618
"integrity": "sha512-8CNmi5DipOLaVeSMPggMe7FCksVag0aO6XZy9WflbduTKM4dFZVCs4686UeMLfGRXX+X966XgwECHoLYrovMMg==",
619
"license": "MIT"
620
},
621
"node_modules/@atproto/xrpc": {
622
"version": "0.7.5",
···
1456
}
1457
},
1458
"node_modules/@esbuild/aix-ppc64": {
1459
-
"version": "0.25.12",
1460
-
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
1461
-
"integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
1462
"cpu": [
1463
"ppc64"
1464
],
1465
"dev": true,
1466
-
"license": "MIT",
1467
"optional": true,
1468
"os": [
1469
"aix"
···
1473
}
1474
},
1475
"node_modules/@esbuild/android-arm": {
1476
-
"version": "0.25.12",
1477
-
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
1478
-
"integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
1479
"cpu": [
1480
"arm"
1481
],
1482
"dev": true,
1483
-
"license": "MIT",
1484
"optional": true,
1485
"os": [
1486
"android"
···
1490
}
1491
},
1492
"node_modules/@esbuild/android-arm64": {
1493
-
"version": "0.25.12",
1494
-
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
1495
-
"integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
1496
"cpu": [
1497
"arm64"
1498
],
1499
"dev": true,
1500
-
"license": "MIT",
1501
"optional": true,
1502
"os": [
1503
"android"
···
1507
}
1508
},
1509
"node_modules/@esbuild/android-x64": {
1510
-
"version": "0.25.12",
1511
-
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
1512
-
"integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
1513
"cpu": [
1514
"x64"
1515
],
1516
"dev": true,
1517
-
"license": "MIT",
1518
"optional": true,
1519
"os": [
1520
"android"
···
1523
"node": ">=18"
1524
}
1525
},
1526
-
"node_modules/@esbuild/darwin-arm64": {
1527
-
"version": "0.25.12",
1528
-
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
1529
-
"integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
1530
-
"cpu": [
1531
-
"arm64"
1532
-
],
1533
-
"dev": true,
1534
-
"license": "MIT",
1535
-
"optional": true,
1536
-
"os": [
1537
-
"darwin"
1538
-
],
1539
-
"engines": {
1540
-
"node": ">=18"
1541
-
}
1542
-
},
1543
"node_modules/@esbuild/darwin-x64": {
1544
-
"version": "0.25.12",
1545
-
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
1546
-
"integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
1547
"cpu": [
1548
"x64"
1549
],
1550
"dev": true,
1551
-
"license": "MIT",
1552
"optional": true,
1553
"os": [
1554
"darwin"
···
1558
}
1559
},
1560
"node_modules/@esbuild/freebsd-arm64": {
1561
-
"version": "0.25.12",
1562
-
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
1563
-
"integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
1564
"cpu": [
1565
"arm64"
1566
],
1567
"dev": true,
1568
-
"license": "MIT",
1569
"optional": true,
1570
"os": [
1571
"freebsd"
···
1575
}
1576
},
1577
"node_modules/@esbuild/freebsd-x64": {
1578
-
"version": "0.25.12",
1579
-
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
1580
-
"integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
1581
"cpu": [
1582
"x64"
1583
],
1584
"dev": true,
1585
-
"license": "MIT",
1586
"optional": true,
1587
"os": [
1588
"freebsd"
···
1592
}
1593
},
1594
"node_modules/@esbuild/linux-arm": {
1595
-
"version": "0.25.12",
1596
-
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
1597
-
"integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
1598
"cpu": [
1599
"arm"
1600
],
1601
"dev": true,
1602
-
"license": "MIT",
1603
"optional": true,
1604
"os": [
1605
"linux"
···
1609
}
1610
},
1611
"node_modules/@esbuild/linux-arm64": {
1612
-
"version": "0.25.12",
1613
-
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
1614
-
"integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
1615
"cpu": [
1616
"arm64"
1617
],
1618
"dev": true,
1619
-
"license": "MIT",
1620
"optional": true,
1621
"os": [
1622
"linux"
···
1626
}
1627
},
1628
"node_modules/@esbuild/linux-ia32": {
1629
-
"version": "0.25.12",
1630
-
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
1631
-
"integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
1632
"cpu": [
1633
"ia32"
1634
],
1635
"dev": true,
1636
-
"license": "MIT",
1637
"optional": true,
1638
"os": [
1639
"linux"
···
1643
}
1644
},
1645
"node_modules/@esbuild/linux-loong64": {
1646
-
"version": "0.25.12",
1647
-
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
1648
-
"integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
1649
"cpu": [
1650
"loong64"
1651
],
1652
"dev": true,
1653
-
"license": "MIT",
1654
"optional": true,
1655
"os": [
1656
"linux"
···
1660
}
1661
},
1662
"node_modules/@esbuild/linux-mips64el": {
1663
-
"version": "0.25.12",
1664
-
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
1665
-
"integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
1666
"cpu": [
1667
"mips64el"
1668
],
1669
"dev": true,
1670
-
"license": "MIT",
1671
"optional": true,
1672
"os": [
1673
"linux"
···
1677
}
1678
},
1679
"node_modules/@esbuild/linux-ppc64": {
1680
-
"version": "0.25.12",
1681
-
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
1682
-
"integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
1683
"cpu": [
1684
"ppc64"
1685
],
1686
"dev": true,
1687
-
"license": "MIT",
1688
"optional": true,
1689
"os": [
1690
"linux"
···
1694
}
1695
},
1696
"node_modules/@esbuild/linux-riscv64": {
1697
-
"version": "0.25.12",
1698
-
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
1699
-
"integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
1700
"cpu": [
1701
"riscv64"
1702
],
1703
"dev": true,
1704
-
"license": "MIT",
1705
"optional": true,
1706
"os": [
1707
"linux"
···
1711
}
1712
},
1713
"node_modules/@esbuild/linux-s390x": {
1714
-
"version": "0.25.12",
1715
-
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
1716
-
"integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
1717
"cpu": [
1718
"s390x"
1719
],
1720
"dev": true,
1721
-
"license": "MIT",
1722
"optional": true,
1723
"os": [
1724
"linux"
···
1728
}
1729
},
1730
"node_modules/@esbuild/linux-x64": {
1731
-
"version": "0.25.12",
1732
-
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
1733
-
"integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
1734
"cpu": [
1735
"x64"
1736
],
···
1745
}
1746
},
1747
"node_modules/@esbuild/netbsd-arm64": {
1748
-
"version": "0.25.12",
1749
-
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
1750
-
"integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
1751
"cpu": [
1752
"arm64"
1753
],
1754
"dev": true,
1755
-
"license": "MIT",
1756
"optional": true,
1757
"os": [
1758
"netbsd"
···
1762
}
1763
},
1764
"node_modules/@esbuild/netbsd-x64": {
1765
-
"version": "0.25.12",
1766
-
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
1767
-
"integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
1768
"cpu": [
1769
"x64"
1770
],
1771
"dev": true,
1772
-
"license": "MIT",
1773
"optional": true,
1774
"os": [
1775
"netbsd"
···
1779
}
1780
},
1781
"node_modules/@esbuild/openbsd-arm64": {
1782
-
"version": "0.25.12",
1783
-
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
1784
-
"integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
1785
"cpu": [
1786
"arm64"
1787
],
1788
"dev": true,
1789
-
"license": "MIT",
1790
"optional": true,
1791
"os": [
1792
"openbsd"
···
1796
}
1797
},
1798
"node_modules/@esbuild/openbsd-x64": {
1799
-
"version": "0.25.12",
1800
-
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
1801
-
"integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
1802
"cpu": [
1803
"x64"
1804
],
1805
"dev": true,
1806
-
"license": "MIT",
1807
"optional": true,
1808
"os": [
1809
"openbsd"
···
1812
"node": ">=18"
1813
}
1814
},
1815
-
"node_modules/@esbuild/openharmony-arm64": {
1816
-
"version": "0.25.12",
1817
-
"resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
1818
-
"integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
1819
-
"cpu": [
1820
-
"arm64"
1821
-
],
1822
-
"dev": true,
1823
-
"license": "MIT",
1824
-
"optional": true,
1825
-
"os": [
1826
-
"openharmony"
1827
-
],
1828
-
"engines": {
1829
-
"node": ">=18"
1830
-
}
1831
-
},
1832
"node_modules/@esbuild/sunos-x64": {
1833
-
"version": "0.25.12",
1834
-
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
1835
-
"integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
1836
"cpu": [
1837
"x64"
1838
],
1839
"dev": true,
1840
-
"license": "MIT",
1841
"optional": true,
1842
"os": [
1843
"sunos"
···
1847
}
1848
},
1849
"node_modules/@esbuild/win32-arm64": {
1850
-
"version": "0.25.12",
1851
-
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
1852
-
"integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
1853
"cpu": [
1854
"arm64"
1855
],
1856
"dev": true,
1857
-
"license": "MIT",
1858
"optional": true,
1859
"os": [
1860
"win32"
···
1864
}
1865
},
1866
"node_modules/@esbuild/win32-ia32": {
1867
-
"version": "0.25.12",
1868
-
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
1869
-
"integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
1870
"cpu": [
1871
"ia32"
1872
],
1873
"dev": true,
1874
-
"license": "MIT",
1875
"optional": true,
1876
"os": [
1877
"win32"
···
1881
}
1882
},
1883
"node_modules/@esbuild/win32-x64": {
1884
-
"version": "0.25.12",
1885
-
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
1886
-
"integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
1887
"cpu": [
1888
"x64"
1889
],
1890
"dev": true,
1891
-
"license": "MIT",
1892
"optional": true,
1893
"os": [
1894
"win32"
···
2693
"integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
2694
"license": "(Apache-2.0 AND MIT)"
2695
},
2696
"node_modules/@isaacs/fs-minipass": {
2697
"version": "4.0.1",
2698
"resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
···
2792
}
2793
},
2794
"node_modules/@mdx-js/loader/node_modules/source-map": {
2795
-
"version": "0.7.6",
2796
-
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
2797
-
"integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
2798
-
"license": "BSD-3-Clause",
2799
"engines": {
2800
-
"node": ">= 12"
2801
}
2802
},
2803
"node_modules/@mdx-js/mdx": {
···
2844
}
2845
},
2846
"node_modules/@mdx-js/mdx/node_modules/source-map": {
2847
-
"version": "0.7.6",
2848
-
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
2849
-
"integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
2850
-
"license": "BSD-3-Clause",
2851
"engines": {
2852
-
"node": ">= 12"
2853
}
2854
},
2855
"node_modules/@mdx-js/react": {
···
2940
}
2941
},
2942
"node_modules/@next/mdx/node_modules/source-map": {
2943
-
"version": "0.7.6",
2944
-
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
2945
-
"integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
2946
-
"license": "BSD-3-Clause",
2947
"engines": {
2948
-
"node": ">= 12"
2949
}
2950
},
2951
"node_modules/@next/swc-darwin-arm64": {
···
7330
}
7331
},
7332
"node_modules/@tailwindcss/node/node_modules/magic-string": {
7333
-
"version": "0.30.21",
7334
-
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
7335
-
"integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
7336
"dev": true,
7337
"license": "MIT",
7338
"dependencies": {
···
7586
}
7587
},
7588
"node_modules/@tailwindcss/oxide/node_modules/tar": {
7589
-
"version": "7.5.7",
7590
-
"resolved": "https://registry.npmjs.org/tar/-/tar-7.5.7.tgz",
7591
-
"integrity": "sha512-fov56fJiRuThVFXD6o6/Q354S7pnWMJIVlDBYijsTNx6jKSE4pvrDTs6lUnmGvNyfJwFQQwWy3owKz1ucIhveQ==",
7592
"dev": true,
7593
-
"license": "BlueOak-1.0.0",
7594
"dependencies": {
7595
"@isaacs/fs-minipass": "^4.0.0",
7596
"chownr": "^3.0.0",
···
7923
}
7924
},
7925
"node_modules/@types/unist": {
7926
-
"version": "3.0.3",
7927
-
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
7928
-
"integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
7929
-
"license": "MIT"
7930
},
7931
"node_modules/@types/uuid": {
7932
"version": "10.0.0",
···
8282
}
8283
}
8284
},
8285
-
"node_modules/@yornaath/batshit": {
8286
-
"version": "0.14.0",
8287
-
"resolved": "https://registry.npmjs.org/@yornaath/batshit/-/batshit-0.14.0.tgz",
8288
-
"integrity": "sha512-0I+xMi5JoRs3+qVXXhk2AmsEl43MwrG+L+VW+nqw/qQqMFtgRPszLaxhJCfsBKnjfJ0gJzTI1Q9Q9+y903HyHQ==",
8289
-
"license": "MIT",
8290
-
"dependencies": {
8291
-
"@yornaath/batshit-devtools": "^1.7.1"
8292
-
}
8293
-
},
8294
-
"node_modules/@yornaath/batshit-devtools": {
8295
-
"version": "1.7.1",
8296
-
"resolved": "https://registry.npmjs.org/@yornaath/batshit-devtools/-/batshit-devtools-1.7.1.tgz",
8297
-
"integrity": "sha512-AyttV1Njj5ug+XqEWY1smV45dTWMlWKtj1B8jcFYgBKUFyUlF/qEhD+iP1E5UaRYW6hQRYD9T2WNDwFTrOMWzQ==",
8298
-
"license": "MIT"
8299
-
},
8300
"node_modules/abort-controller": {
8301
"version": "3.0.0",
8302
"resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
···
8360
}
8361
},
8362
"node_modules/agent-base": {
8363
-
"version": "7.1.4",
8364
-
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
8365
-
"integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
8366
-
"license": "MIT",
8367
"engines": {
8368
"node": ">= 14"
8369
}
···
8842
"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
8843
"license": "MIT"
8844
},
8845
"node_modules/brace-expansion": {
8846
-
"version": "1.1.12",
8847
-
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
8848
-
"integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
8849
"dev": true,
8850
-
"license": "MIT",
8851
"dependencies": {
8852
"balanced-match": "^1.0.0",
8853
"concat-map": "0.0.1"
···
9251
"version": "13.0.3",
9252
"resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-13.0.3.tgz",
9253
"integrity": "sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==",
9254
-
"dev": true,
9255
"license": "MIT"
9256
},
9257
"node_modules/collapse-white-space": {
···
9359
"resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
9360
"integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
9361
"license": "MIT"
9362
},
9363
"node_modules/crelt": {
9364
"version": "1.0.6",
···
9519
"integrity": "sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug=="
9520
},
9521
"node_modules/debug": {
9522
-
"version": "4.4.3",
9523
-
"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
9524
-
"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
9525
"license": "MIT",
9526
"dependencies": {
9527
"ms": "^2.1.3"
···
9673
},
9674
"engines": {
9675
"node": "*"
9676
-
}
9677
-
},
9678
-
"node_modules/doctrine": {
9679
-
"version": "2.1.0",
9680
-
"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
9681
-
"integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
9682
-
"dev": true,
9683
-
"license": "Apache-2.0",
9684
-
"dependencies": {
9685
-
"esutils": "^2.0.2"
9686
-
},
9687
-
"engines": {
9688
-
"node": ">=0.10.0"
9689
}
9690
},
9691
"node_modules/dreamopt": {
···
10584
}
10585
},
10586
"node_modules/esbuild": {
10587
-
"version": "0.25.12",
10588
-
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
10589
-
"integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
10590
"dev": true,
10591
"hasInstallScript": true,
10592
"license": "MIT",
···
10597
"node": ">=18"
10598
},
10599
"optionalDependencies": {
10600
-
"@esbuild/aix-ppc64": "0.25.12",
10601
-
"@esbuild/android-arm": "0.25.12",
10602
-
"@esbuild/android-arm64": "0.25.12",
10603
-
"@esbuild/android-x64": "0.25.12",
10604
-
"@esbuild/darwin-arm64": "0.25.12",
10605
-
"@esbuild/darwin-x64": "0.25.12",
10606
-
"@esbuild/freebsd-arm64": "0.25.12",
10607
-
"@esbuild/freebsd-x64": "0.25.12",
10608
-
"@esbuild/linux-arm": "0.25.12",
10609
-
"@esbuild/linux-arm64": "0.25.12",
10610
-
"@esbuild/linux-ia32": "0.25.12",
10611
-
"@esbuild/linux-loong64": "0.25.12",
10612
-
"@esbuild/linux-mips64el": "0.25.12",
10613
-
"@esbuild/linux-ppc64": "0.25.12",
10614
-
"@esbuild/linux-riscv64": "0.25.12",
10615
-
"@esbuild/linux-s390x": "0.25.12",
10616
-
"@esbuild/linux-x64": "0.25.12",
10617
-
"@esbuild/netbsd-arm64": "0.25.12",
10618
-
"@esbuild/netbsd-x64": "0.25.12",
10619
-
"@esbuild/openbsd-arm64": "0.25.12",
10620
-
"@esbuild/openbsd-x64": "0.25.12",
10621
-
"@esbuild/openharmony-arm64": "0.25.12",
10622
-
"@esbuild/sunos-x64": "0.25.12",
10623
-
"@esbuild/win32-arm64": "0.25.12",
10624
-
"@esbuild/win32-ia32": "0.25.12",
10625
-
"@esbuild/win32-x64": "0.25.12"
10626
}
10627
},
10628
"node_modules/esbuild-register": {
···
10635
},
10636
"peerDependencies": {
10637
"esbuild": ">=0.12 <1"
10638
}
10639
},
10640
"node_modules/escalade": {
···
10872
"ms": "^2.1.1"
10873
}
10874
},
10875
"node_modules/eslint-plugin-import/node_modules/semver": {
10876
"version": "6.3.1",
10877
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
···
10963
"eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
10964
}
10965
},
10966
"node_modules/eslint-plugin-react-hooks/node_modules/zod-validation-error": {
10967
"version": "4.0.2",
10968
"resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
···
10975
"zod": "^3.25.0 || ^4.0.0"
10976
}
10977
},
10978
"node_modules/eslint-plugin-react/node_modules/resolve": {
10979
"version": "2.0.0-next.5",
10980
"resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
···
11168
}
11169
},
11170
"node_modules/estree-util-to-js/node_modules/source-map": {
11171
-
"version": "0.7.6",
11172
-
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
11173
-
"integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
11174
-
"license": "BSD-3-Clause",
11175
"engines": {
11176
-
"node": ">= 12"
11177
}
11178
},
11179
"node_modules/estree-util-visit": {
···
11335
"integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
11336
"license": "MIT"
11337
},
11338
"node_modules/ext": {
11339
"version": "1.7.0",
11340
"resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
···
11356
"dev": true
11357
},
11358
"node_modules/fast-glob": {
11359
-
"version": "3.3.3",
11360
-
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
11361
-
"integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
11362
"dev": true,
11363
-
"license": "MIT",
11364
"dependencies": {
11365
"@nodelib/fs.stat": "^2.0.2",
11366
"@nodelib/fs.walk": "^1.2.3",
11367
"glob-parent": "^5.1.2",
11368
"merge2": "^1.3.0",
11369
-
"micromatch": "^4.0.8"
11370
},
11371
"engines": {
11372
"node": ">=8.6.0"
···
11650
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
11651
"dev": true
11652
},
11653
-
"node_modules/fsevents": {
11654
-
"version": "2.3.3",
11655
-
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
11656
-
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
11657
-
"dev": true,
11658
-
"hasInstallScript": true,
11659
-
"license": "MIT",
11660
-
"optional": true,
11661
-
"os": [
11662
-
"darwin"
11663
-
],
11664
-
"engines": {
11665
-
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
11666
-
}
11667
-
},
11668
"node_modules/function-bind": {
11669
"version": "1.1.2",
11670
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
···
11915
"dev": true
11916
},
11917
"node_modules/glob/node_modules/brace-expansion": {
11918
-
"version": "2.0.2",
11919
-
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
11920
-
"integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
11921
"dev": true,
11922
-
"license": "MIT",
11923
"dependencies": {
11924
"balanced-match": "^1.0.0"
11925
}
···
12459
}
12460
},
12461
"node_modules/https-proxy-agent": {
12462
-
"version": "7.0.6",
12463
-
"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
12464
-
"integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
12465
-
"license": "MIT",
12466
"dependencies": {
12467
-
"agent-base": "^7.1.2",
12468
"debug": "4"
12469
},
12470
"engines": {
···
12504
"license": "BSD-3-Clause"
12505
},
12506
"node_modules/ignore": {
12507
-
"version": "5.3.2",
12508
-
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
12509
-
"integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
12510
"dev": true,
12511
-
"license": "MIT",
12512
"engines": {
12513
"node": ">= 4"
12514
}
···
12577
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
12578
},
12579
"node_modules/inline-style-parser": {
12580
-
"version": "0.2.7",
12581
-
"resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
12582
-
"integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
12583
-
"license": "MIT"
12584
},
12585
"node_modules/inngest": {
12586
"version": "3.40.1",
···
12741
}
12742
},
12743
"node_modules/ipaddr.js": {
12744
-
"version": "2.3.0",
12745
-
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.3.0.tgz",
12746
-
"integrity": "sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==",
12747
"license": "MIT",
12748
"engines": {
12749
"node": ">= 10"
···
13914
}
13915
},
13916
"node_modules/lru-cache": {
13917
-
"version": "10.4.3",
13918
-
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
13919
-
"integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
13920
-
"license": "ISC"
13921
},
13922
"node_modules/lru-queue": {
13923
"version": "0.1.0",
···
15021
]
15022
},
15023
"node_modules/micromatch": {
15024
-
"version": "4.0.8",
15025
-
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
15026
-
"integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
15027
"dev": true,
15028
-
"license": "MIT",
15029
"dependencies": {
15030
"braces": "^3.0.3",
15031
"picomatch": "^2.3.1"
···
15092
}
15093
},
15094
"node_modules/miniflare/node_modules/undici": {
15095
-
"version": "5.29.0",
15096
-
"resolved": "https://registry.npmjs.org/undici/-/undici-5.29.0.tgz",
15097
-
"integrity": "sha512-raqeBD6NQK4SkWhQzeYKd1KmIG6dllBOTt55Rmkt4HtI9mwdWtJljnrXjAFUBLTSN67HWrOIZ3EPF4kjUw80Bg==",
15098
"dev": true,
15099
-
"license": "MIT",
15100
"dependencies": {
15101
"@fastify/busboy": "^2.0.0"
15102
},
···
15190
"license": "MIT"
15191
},
15192
"node_modules/multiformats": {
15193
-
"version": "13.4.2",
15194
-
"resolved": "https://registry.npmjs.org/multiformats/-/multiformats-13.4.2.tgz",
15195
-
"integrity": "sha512-eh6eHCrRi1+POZ3dA+Dq1C6jhP1GNtr9CRINMb67OKzqW9I5DUuZM/3jLPlzhgpGeiNUlEGEbkCYChXMCc/8DQ==",
15196
"license": "Apache-2.0 OR MIT"
15197
},
15198
"node_modules/mustache": {
···
15752
"version": "1.0.1",
15753
"resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
15754
"integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
15755
-
"dev": true,
15756
"license": "MIT"
15757
},
15758
"node_modules/path-exists": {
···
15779
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
15780
},
15781
"node_modules/path-to-regexp": {
15782
-
"version": "6.3.0",
15783
-
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.3.0.tgz",
15784
-
"integrity": "sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==",
15785
-
"dev": true,
15786
-
"license": "MIT"
15787
},
15788
"node_modules/pg": {
15789
"version": "8.16.3",
···
16035
"version": "3.2.5",
16036
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
16037
"integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
16038
-
"dev": true,
16039
"bin": {
16040
"prettier": "bin/prettier.cjs"
16041
},
···
16254
"prosemirror-view": "^1.37.2"
16255
}
16256
},
16257
"node_modules/prosemirror-trailing-node": {
16258
"version": "3.0.0",
16259
"resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
···
16280
}
16281
},
16282
"node_modules/prosemirror-view": {
16283
-
"version": "1.41.5",
16284
-
"resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.41.5.tgz",
16285
-
"integrity": "sha512-UDQbIPnDrjE8tqUBbPmCOZgtd75htE6W3r0JCmY9bL6W1iemDM37MZEKC49d+tdQ0v/CKx4gjxLoLsfkD2NiZA==",
16286
"license": "MIT",
16287
"dependencies": {
16288
"prosemirror-model": "^1.20.0",
···
16361
}
16362
},
16363
"node_modules/qs": {
16364
-
"version": "6.13.0",
16365
-
"resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
16366
-
"integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
16367
"license": "BSD-3-Clause",
16368
"dependencies": {
16369
"side-channel": "^1.0.6"
···
17103
}
17104
},
17105
"node_modules/resolve": {
17106
-
"version": "1.22.11",
17107
-
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
17108
-
"integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
17109
-
"license": "MIT",
17110
"dependencies": {
17111
-
"is-core-module": "^2.16.1",
17112
"path-parse": "^1.0.7",
17113
"supports-preserve-symlinks-flag": "^1.0.0"
17114
},
17115
"bin": {
17116
"resolve": "bin/resolve"
17117
-
},
17118
-
"engines": {
17119
-
"node": ">= 0.4"
17120
},
17121
"funding": {
17122
"url": "https://github.com/sponsors/ljharb"
···
17340
}
17341
},
17342
"node_modules/semver": {
17343
-
"version": "7.7.3",
17344
-
"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
17345
-
"integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
17346
"license": "ISC",
17347
"bin": {
17348
"semver": "bin/semver.js"
···
17971
}
17972
},
17973
"node_modules/style-to-object": {
17974
-
"version": "1.0.14",
17975
-
"resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.14.tgz",
17976
-
"integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
17977
-
"license": "MIT",
17978
"dependencies": {
17979
-
"inline-style-parser": "0.2.7"
17980
}
17981
},
17982
"node_modules/styled-jsx": {
···
18132
"version": "0.2.15",
18133
"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
18134
"integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
18135
-
"dev": true,
18136
"license": "MIT",
18137
"dependencies": {
18138
"fdir": "^6.5.0",
···
18149
"version": "6.5.0",
18150
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
18151
"integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
18152
-
"dev": true,
18153
"license": "MIT",
18154
"engines": {
18155
"node": ">=12.0.0"
···
18167
"version": "4.0.3",
18168
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
18169
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
18170
-
"dev": true,
18171
"license": "MIT",
18172
"engines": {
18173
"node": ">=12"
···
18545
}
18546
},
18547
"node_modules/undici": {
18548
-
"version": "6.23.0",
18549
-
"resolved": "https://registry.npmjs.org/undici/-/undici-6.23.0.tgz",
18550
-
"integrity": "sha512-VfQPToRA5FZs/qJxLIinmU59u0r7LXqoJkCzinq3ckNJp3vKEh7jTWN589YQ5+aoAC/TGRLyJLCPKcLQbM8r9g==",
18551
"license": "MIT",
18552
"engines": {
18553
"node": ">=18.17"
···
19545
}
19546
},
19547
"node_modules/ws": {
19548
-
"version": "8.19.0",
19549
-
"resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
19550
-
"integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
19551
-
"license": "MIT",
19552
"engines": {
19553
"node": ">=10.0.0"
19554
},
···
19736
}
19737
},
19738
"node_modules/zod": {
19739
-
"version": "3.25.76",
19740
-
"resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
19741
-
"integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
19742
-
"license": "MIT",
19743
"funding": {
19744
"url": "https://github.com/sponsors/colinhacks"
19745
}
···
12
"@atproto/api": "^0.16.9",
13
"@atproto/common": "^0.4.8",
14
"@atproto/identity": "^0.4.6",
15
+
"@atproto/lexicon": "^0.5.1",
16
"@atproto/oauth-client-node": "^0.3.8",
17
"@atproto/sync": "^0.1.34",
18
"@atproto/syntax": "^0.3.3",
19
+
"@atproto/tap": "^0.1.1",
20
"@atproto/xrpc": "^0.7.5",
21
"@atproto/xrpc-server": "^0.9.5",
22
"@hono/node-server": "^1.14.3",
···
38
"@vercel/analytics": "^1.5.0",
39
"@vercel/functions": "^2.2.12",
40
"@vercel/sdk": "^1.11.4",
41
"babel-plugin-react-compiler": "^19.1.0-rc.1",
42
"base64-js": "^1.5.1",
43
"colorjs.io": "^0.5.2",
···
236
}
237
},
238
"node_modules/@atproto/api/node_modules/@atproto/syntax": {
239
+
"version": "0.4.1",
240
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.1.tgz",
241
+
"integrity": "sha512-CJdImtLAiFO+0z3BWTtxwk6aY5w4t8orHTMVJgkf++QRJWTxPbIFko/0hrkADB7n2EruDxDSeAgfUGehpH6ngw==",
242
+
"license": "MIT"
243
},
244
"node_modules/@atproto/api/node_modules/multiformats": {
245
"version": "9.9.0",
···
265
}
266
},
267
"node_modules/@atproto/common-web": {
268
+
"version": "0.4.10",
269
+
"resolved": "https://registry.npmjs.org/@atproto/common-web/-/common-web-0.4.10.tgz",
270
+
"integrity": "sha512-TLDZSgSKzT8ZgOrBrTGK87J1CXve9TEuY6NVVUBRkOMzRRtQzpFb9/ih5WVS/hnaWVvE30CfuyaetRoma+WKNw==",
271
"license": "MIT",
272
"dependencies": {
273
+
"@atproto/lex-data": "0.0.6",
274
+
"@atproto/lex-json": "0.0.6",
275
"zod": "^3.23.8"
276
}
277
},
278
"node_modules/@atproto/common/node_modules/multiformats": {
279
"version": "9.9.0",
···
354
"integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
355
"license": "(Apache-2.0 AND MIT)"
356
},
357
+
"node_modules/@atproto/lex": {
358
+
"version": "0.0.9",
359
+
"resolved": "https://registry.npmjs.org/@atproto/lex/-/lex-0.0.9.tgz",
360
+
"integrity": "sha512-o6gauf1lz0iyzJR0rqSj4VHOrO+Nt8+/iPb0KPojw1ieXk13zOSTSxotAoDzO/dP6y8Ey5jxwuCQGuzab/4XnQ==",
361
+
"license": "MIT",
362
+
"dependencies": {
363
+
"@atproto/lex-builder": "0.0.9",
364
+
"@atproto/lex-client": "0.0.7",
365
+
"@atproto/lex-data": "0.0.6",
366
+
"@atproto/lex-installer": "0.0.9",
367
+
"@atproto/lex-json": "0.0.6",
368
+
"@atproto/lex-schema": "0.0.7",
369
+
"tslib": "^2.8.1",
370
+
"yargs": "^17.0.0"
371
+
},
372
+
"bin": {
373
+
"lex": "bin/lex",
374
+
"ts-lex": "bin/lex"
375
+
}
376
+
},
377
+
"node_modules/@atproto/lex-builder": {
378
+
"version": "0.0.9",
379
+
"resolved": "https://registry.npmjs.org/@atproto/lex-builder/-/lex-builder-0.0.9.tgz",
380
+
"integrity": "sha512-buOFk1JpuW3twI7To7f/67zQQ1NulLHf/oasH/kTOPUAd0dNyeAa13t9eRSVGbwi0BcZYxRxBm0QzPmdLKyuyw==",
381
+
"license": "MIT",
382
+
"dependencies": {
383
+
"@atproto/lex-document": "0.0.8",
384
+
"@atproto/lex-schema": "0.0.7",
385
+
"prettier": "^3.2.5",
386
+
"ts-morph": "^27.0.0",
387
+
"tslib": "^2.8.1"
388
+
}
389
+
},
390
+
"node_modules/@atproto/lex-builder/node_modules/@ts-morph/common": {
391
+
"version": "0.28.1",
392
+
"resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.28.1.tgz",
393
+
"integrity": "sha512-W74iWf7ILp1ZKNYXY5qbddNaml7e9Sedv5lvU1V8lftlitkc9Pq1A+jlH23ltDgWYeZFFEqGCD1Ies9hqu3O+g==",
394
+
"license": "MIT",
395
+
"dependencies": {
396
+
"minimatch": "^10.0.1",
397
+
"path-browserify": "^1.0.1",
398
+
"tinyglobby": "^0.2.14"
399
+
}
400
+
},
401
+
"node_modules/@atproto/lex-builder/node_modules/minimatch": {
402
+
"version": "10.1.1",
403
+
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
404
+
"integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
405
+
"license": "BlueOak-1.0.0",
406
+
"dependencies": {
407
+
"@isaacs/brace-expansion": "^5.0.0"
408
+
},
409
+
"engines": {
410
+
"node": "20 || >=22"
411
+
},
412
+
"funding": {
413
+
"url": "https://github.com/sponsors/isaacs"
414
+
}
415
+
},
416
+
"node_modules/@atproto/lex-builder/node_modules/ts-morph": {
417
+
"version": "27.0.2",
418
+
"resolved": "https://registry.npmjs.org/ts-morph/-/ts-morph-27.0.2.tgz",
419
+
"integrity": "sha512-fhUhgeljcrdZ+9DZND1De1029PrE+cMkIP7ooqkLRTrRLTqcki2AstsyJm0vRNbTbVCNJ0idGlbBrfqc7/nA8w==",
420
+
"license": "MIT",
421
+
"dependencies": {
422
+
"@ts-morph/common": "~0.28.1",
423
+
"code-block-writer": "^13.0.3"
424
+
}
425
+
},
426
+
"node_modules/@atproto/lex-cbor": {
427
+
"version": "0.0.6",
428
+
"resolved": "https://registry.npmjs.org/@atproto/lex-cbor/-/lex-cbor-0.0.6.tgz",
429
+
"integrity": "sha512-lee2T00owDy3I1plRHuURT6f98NIpYZZr2wXa5pJZz5JzefZ+nv8gJ2V70C2f+jmSG+5S9NTIy4uJw94vaHf4A==",
430
+
"license": "MIT",
431
+
"dependencies": {
432
+
"@atproto/lex-data": "0.0.6",
433
+
"multiformats": "^9.9.0",
434
+
"tslib": "^2.8.1"
435
+
}
436
+
},
437
+
"node_modules/@atproto/lex-cbor/node_modules/multiformats": {
438
+
"version": "9.9.0",
439
+
"resolved": "https://registry.npmjs.org/multiformats/-/multiformats-9.9.0.tgz",
440
+
"integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
441
+
"license": "(Apache-2.0 AND MIT)"
442
+
},
443
"node_modules/@atproto/lex-cli": {
444
"version": "0.9.5",
445
"resolved": "https://registry.npmjs.org/@atproto/lex-cli/-/lex-cli-0.9.5.tgz",
···
464
}
465
},
466
"node_modules/@atproto/lex-cli/node_modules/@atproto/syntax": {
467
+
"version": "0.4.1",
468
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.1.tgz",
469
+
"integrity": "sha512-CJdImtLAiFO+0z3BWTtxwk6aY5w4t8orHTMVJgkf++QRJWTxPbIFko/0hrkADB7n2EruDxDSeAgfUGehpH6ngw==",
470
"dev": true,
471
+
"license": "MIT"
472
+
},
473
+
"node_modules/@atproto/lex-client": {
474
+
"version": "0.0.7",
475
+
"resolved": "https://registry.npmjs.org/@atproto/lex-client/-/lex-client-0.0.7.tgz",
476
+
"integrity": "sha512-ofUz3yXJ0nN/M9aqqF2ZUL/4D1wWT1P4popCfV3OEDsDrtWofMflYPFz1IWuyPa2e83paaEHRhaw3bZEhgXH1w==",
477
"license": "MIT",
478
"dependencies": {
479
+
"@atproto/lex-data": "0.0.6",
480
+
"@atproto/lex-json": "0.0.6",
481
+
"@atproto/lex-schema": "0.0.7",
482
"tslib": "^2.8.1"
483
}
484
},
485
+
"node_modules/@atproto/lex-data": {
486
+
"version": "0.0.6",
487
+
"resolved": "https://registry.npmjs.org/@atproto/lex-data/-/lex-data-0.0.6.tgz",
488
+
"integrity": "sha512-MBNB4ghRJQzuXK1zlUPljpPbQcF1LZ5dzxy274KqPt4p3uPuRw0mHjgcCoWzRUNBQC685WMQR4IN9DHtsnG57A==",
489
"license": "MIT",
490
"dependencies": {
491
+
"@atproto/syntax": "0.4.2",
492
"multiformats": "^9.9.0",
493
+
"tslib": "^2.8.1",
494
+
"uint8arrays": "3.0.0",
495
+
"unicode-segmenter": "^0.14.0"
496
+
}
497
+
},
498
+
"node_modules/@atproto/lex-data/node_modules/@atproto/syntax": {
499
+
"version": "0.4.2",
500
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.2.tgz",
501
+
"integrity": "sha512-X9XSRPinBy/0VQ677j8VXlBsYSsUXaiqxWVpGGxJYsAhugdQRb0jqaVKJFtm6RskeNkV6y9xclSUi9UYG/COrA==",
502
+
"license": "MIT"
503
+
},
504
+
"node_modules/@atproto/lex-data/node_modules/multiformats": {
505
+
"version": "9.9.0",
506
+
"resolved": "https://registry.npmjs.org/multiformats/-/multiformats-9.9.0.tgz",
507
+
"integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
508
+
"license": "(Apache-2.0 AND MIT)"
509
+
},
510
+
"node_modules/@atproto/lex-document": {
511
+
"version": "0.0.8",
512
+
"resolved": "https://registry.npmjs.org/@atproto/lex-document/-/lex-document-0.0.8.tgz",
513
+
"integrity": "sha512-p3l5h96Hx0vxUwbO/eas6x5h2vU0JVN1a/ktX4k3PlK9YLXfWMFsv+RdVwVZom8o0irHwlcyh1D/cY0PyUojDA==",
514
+
"license": "MIT",
515
+
"dependencies": {
516
+
"@atproto/lex-schema": "0.0.7",
517
+
"core-js": "^3",
518
+
"tslib": "^2.8.1"
519
+
}
520
+
},
521
+
"node_modules/@atproto/lex-installer": {
522
+
"version": "0.0.9",
523
+
"resolved": "https://registry.npmjs.org/@atproto/lex-installer/-/lex-installer-0.0.9.tgz",
524
+
"integrity": "sha512-zEeIeSaSCb3j+zNsqqMY7+X5FO6fxy/MafaCEj42KsXQHNcobuygZsnG/0fxMj/kMvhjrNUCp/w9PyOMwx4hQg==",
525
+
"license": "MIT",
526
+
"dependencies": {
527
+
"@atproto/lex-builder": "0.0.9",
528
+
"@atproto/lex-cbor": "0.0.6",
529
+
"@atproto/lex-data": "0.0.6",
530
+
"@atproto/lex-document": "0.0.8",
531
+
"@atproto/lex-resolver": "0.0.8",
532
+
"@atproto/lex-schema": "0.0.7",
533
+
"@atproto/syntax": "0.4.2",
534
+
"tslib": "^2.8.1"
535
+
}
536
+
},
537
+
"node_modules/@atproto/lex-installer/node_modules/@atproto/syntax": {
538
+
"version": "0.4.2",
539
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.2.tgz",
540
+
"integrity": "sha512-X9XSRPinBy/0VQ677j8VXlBsYSsUXaiqxWVpGGxJYsAhugdQRb0jqaVKJFtm6RskeNkV6y9xclSUi9UYG/COrA==",
541
+
"license": "MIT"
542
+
},
543
+
"node_modules/@atproto/lex-json": {
544
+
"version": "0.0.6",
545
+
"resolved": "https://registry.npmjs.org/@atproto/lex-json/-/lex-json-0.0.6.tgz",
546
+
"integrity": "sha512-EILnN5cditPvf+PCNjXt7reMuzjugxAL1fpSzmzJbEMGMUwxOf5pPWxRsaA/M3Boip4NQZ+6DVrPOGUMlnqceg==",
547
+
"license": "MIT",
548
+
"dependencies": {
549
+
"@atproto/lex-data": "0.0.6",
550
+
"tslib": "^2.8.1"
551
+
}
552
+
},
553
+
"node_modules/@atproto/lex-resolver": {
554
+
"version": "0.0.8",
555
+
"resolved": "https://registry.npmjs.org/@atproto/lex-resolver/-/lex-resolver-0.0.8.tgz",
556
+
"integrity": "sha512-4hXT560+k5BIttouuhXOr+UkhAuFvvkJaVdqYb8vx2Ez7eHPiZ+yWkUK6FKpyGsx2whHkJzgleEA6DNWtdDlWA==",
557
+
"license": "MIT",
558
+
"dependencies": {
559
+
"@atproto-labs/did-resolver": "0.2.5",
560
+
"@atproto/crypto": "0.4.5",
561
+
"@atproto/lex-client": "0.0.7",
562
+
"@atproto/lex-data": "0.0.6",
563
+
"@atproto/lex-document": "0.0.8",
564
+
"@atproto/lex-schema": "0.0.7",
565
+
"@atproto/repo": "0.8.12",
566
+
"@atproto/syntax": "0.4.2",
567
+
"tslib": "^2.8.1"
568
+
}
569
+
},
570
+
"node_modules/@atproto/lex-resolver/node_modules/@atproto-labs/did-resolver": {
571
+
"version": "0.2.5",
572
+
"resolved": "https://registry.npmjs.org/@atproto-labs/did-resolver/-/did-resolver-0.2.5.tgz",
573
+
"integrity": "sha512-he7EC6OMSifNs01a4RT9mta/yYitoKDzlK9ty2TFV5Uj/+HpB4vYMRdIDFrRW0Hcsehy90E2t/dw0t7361MEKQ==",
574
+
"license": "MIT",
575
+
"dependencies": {
576
+
"@atproto-labs/fetch": "0.2.3",
577
+
"@atproto-labs/pipe": "0.1.1",
578
+
"@atproto-labs/simple-store": "0.3.0",
579
+
"@atproto-labs/simple-store-memory": "0.1.4",
580
+
"@atproto/did": "0.2.4",
581
"zod": "^3.23.8"
582
}
583
},
584
+
"node_modules/@atproto/lex-resolver/node_modules/@atproto/did": {
585
+
"version": "0.2.4",
586
+
"resolved": "https://registry.npmjs.org/@atproto/did/-/did-0.2.4.tgz",
587
+
"integrity": "sha512-nxNiCgXeo7pfjojq9fpfZxCO0X0xUipNVKW+AHNZwQKiUDt6zYL0VXEfm8HBUwQOCmKvj2pRRSM1Cur+tUWk3g==",
588
"license": "MIT",
589
"dependencies": {
590
+
"zod": "^3.23.8"
591
+
}
592
+
},
593
+
"node_modules/@atproto/lex-resolver/node_modules/@atproto/syntax": {
594
+
"version": "0.4.2",
595
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.2.tgz",
596
+
"integrity": "sha512-X9XSRPinBy/0VQ677j8VXlBsYSsUXaiqxWVpGGxJYsAhugdQRb0jqaVKJFtm6RskeNkV6y9xclSUi9UYG/COrA==",
597
+
"license": "MIT"
598
+
},
599
+
"node_modules/@atproto/lex-schema": {
600
+
"version": "0.0.7",
601
+
"resolved": "https://registry.npmjs.org/@atproto/lex-schema/-/lex-schema-0.0.7.tgz",
602
+
"integrity": "sha512-/7HkTUsnP1rlzmVE6nnY0kl/hydL/W8V29V8BhFwdAvdDKpYcdRgzzsMe38LAt+ZOjHknRCZDIKGsbQMSbJErw==",
603
+
"license": "MIT",
604
+
"dependencies": {
605
+
"@atproto/lex-data": "0.0.6",
606
+
"@atproto/syntax": "0.4.2",
607
"tslib": "^2.8.1"
608
}
609
+
},
610
+
"node_modules/@atproto/lex-schema/node_modules/@atproto/syntax": {
611
+
"version": "0.4.2",
612
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.2.tgz",
613
+
"integrity": "sha512-X9XSRPinBy/0VQ677j8VXlBsYSsUXaiqxWVpGGxJYsAhugdQRb0jqaVKJFtm6RskeNkV6y9xclSUi9UYG/COrA==",
614
+
"license": "MIT"
615
+
},
616
+
"node_modules/@atproto/lexicon": {
617
+
"version": "0.5.1",
618
+
"resolved": "https://registry.npmjs.org/@atproto/lexicon/-/lexicon-0.5.1.tgz",
619
+
"integrity": "sha512-y8AEtYmfgVl4fqFxqXAeGvhesiGkxiy3CWoJIfsFDDdTlZUC8DFnZrYhcqkIop3OlCkkljvpSJi1hbeC1tbi8A==",
620
+
"license": "MIT",
621
+
"dependencies": {
622
+
"@atproto/common-web": "^0.4.3",
623
+
"@atproto/syntax": "^0.4.1",
624
+
"iso-datestring-validator": "^2.2.2",
625
+
"multiformats": "^9.9.0",
626
+
"zod": "^3.23.8"
627
+
}
628
+
},
629
+
"node_modules/@atproto/lexicon/node_modules/@atproto/syntax": {
630
+
"version": "0.4.1",
631
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.1.tgz",
632
+
"integrity": "sha512-CJdImtLAiFO+0z3BWTtxwk6aY5w4t8orHTMVJgkf++QRJWTxPbIFko/0hrkADB7n2EruDxDSeAgfUGehpH6ngw==",
633
+
"license": "MIT"
634
},
635
"node_modules/@atproto/lexicon/node_modules/multiformats": {
636
"version": "9.9.0",
···
715
}
716
},
717
"node_modules/@atproto/repo/node_modules/@atproto/common": {
718
+
"version": "0.5.6",
719
+
"resolved": "https://registry.npmjs.org/@atproto/common/-/common-0.5.6.tgz",
720
+
"integrity": "sha512-rbWoZwHQNP8jcwjCREVecchw8aaoM5A1NCONyb9PVDWOJLRLCzojYMeIS8IbFqXo6NyIByOGddupADkkLeVBGQ==",
721
"license": "MIT",
722
"dependencies": {
723
+
"@atproto/common-web": "^0.4.10",
724
+
"@atproto/lex-cbor": "0.0.6",
725
+
"@atproto/lex-data": "0.0.6",
726
"iso-datestring-validator": "^2.2.2",
727
"multiformats": "^9.9.0",
728
"pino": "^8.21.0"
···
731
"node": ">=18.7.0"
732
}
733
},
734
+
"node_modules/@atproto/repo/node_modules/@atproto/lexicon": {
735
+
"version": "0.6.0",
736
+
"resolved": "https://registry.npmjs.org/@atproto/lexicon/-/lexicon-0.6.0.tgz",
737
+
"integrity": "sha512-5veb8aD+J5M0qszLJ+73KSFsFrJBgAY/nM1TSAJvGY7fNc9ZAT+PSUlmIyrdye9YznAZ07yktalls/TwNV7cHQ==",
738
"license": "MIT",
739
"dependencies": {
740
+
"@atproto/common-web": "^0.4.7",
741
+
"@atproto/syntax": "^0.4.2",
742
+
"iso-datestring-validator": "^2.2.2",
743
+
"multiformats": "^9.9.0",
744
+
"zod": "^3.23.8"
745
}
746
},
747
+
"node_modules/@atproto/repo/node_modules/@atproto/syntax": {
748
+
"version": "0.4.2",
749
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.2.tgz",
750
+
"integrity": "sha512-X9XSRPinBy/0VQ677j8VXlBsYSsUXaiqxWVpGGxJYsAhugdQRb0jqaVKJFtm6RskeNkV6y9xclSUi9UYG/COrA==",
751
+
"license": "MIT"
752
},
753
"node_modules/@atproto/repo/node_modules/multiformats": {
754
"version": "9.9.0",
···
777
}
778
},
779
"node_modules/@atproto/sync/node_modules/@atproto/syntax": {
780
+
"version": "0.4.1",
781
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.1.tgz",
782
+
"integrity": "sha512-CJdImtLAiFO+0z3BWTtxwk6aY5w4t8orHTMVJgkf++QRJWTxPbIFko/0hrkADB7n2EruDxDSeAgfUGehpH6ngw==",
783
+
"license": "MIT"
784
},
785
"node_modules/@atproto/sync/node_modules/multiformats": {
786
"version": "9.9.0",
···
793
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.3.4.tgz",
794
"integrity": "sha512-8CNmi5DipOLaVeSMPggMe7FCksVag0aO6XZy9WflbduTKM4dFZVCs4686UeMLfGRXX+X966XgwECHoLYrovMMg==",
795
"license": "MIT"
796
+
},
797
+
"node_modules/@atproto/tap": {
798
+
"version": "0.1.1",
799
+
"resolved": "https://registry.npmjs.org/@atproto/tap/-/tap-0.1.1.tgz",
800
+
"integrity": "sha512-gW4NzLOxj74TzaDOVzzzt5kl2PdC0r75XkIpYpI5xobwCfsc/DmVtwpuSw1fW9gr4Vzk2Q90S9UE4ifAFl2gyA==",
801
+
"license": "MIT",
802
+
"dependencies": {
803
+
"@atproto/common": "^0.5.6",
804
+
"@atproto/lex": "^0.0.9",
805
+
"@atproto/syntax": "^0.4.2",
806
+
"@atproto/ws-client": "^0.0.4",
807
+
"ws": "^8.12.0",
808
+
"zod": "^3.23.8"
809
+
},
810
+
"engines": {
811
+
"node": ">=18.7.0"
812
+
}
813
+
},
814
+
"node_modules/@atproto/tap/node_modules/@atproto/common": {
815
+
"version": "0.5.6",
816
+
"resolved": "https://registry.npmjs.org/@atproto/common/-/common-0.5.6.tgz",
817
+
"integrity": "sha512-rbWoZwHQNP8jcwjCREVecchw8aaoM5A1NCONyb9PVDWOJLRLCzojYMeIS8IbFqXo6NyIByOGddupADkkLeVBGQ==",
818
+
"license": "MIT",
819
+
"dependencies": {
820
+
"@atproto/common-web": "^0.4.10",
821
+
"@atproto/lex-cbor": "0.0.6",
822
+
"@atproto/lex-data": "0.0.6",
823
+
"iso-datestring-validator": "^2.2.2",
824
+
"multiformats": "^9.9.0",
825
+
"pino": "^8.21.0"
826
+
},
827
+
"engines": {
828
+
"node": ">=18.7.0"
829
+
}
830
+
},
831
+
"node_modules/@atproto/tap/node_modules/@atproto/syntax": {
832
+
"version": "0.4.2",
833
+
"resolved": "https://registry.npmjs.org/@atproto/syntax/-/syntax-0.4.2.tgz",
834
+
"integrity": "sha512-X9XSRPinBy/0VQ677j8VXlBsYSsUXaiqxWVpGGxJYsAhugdQRb0jqaVKJFtm6RskeNkV6y9xclSUi9UYG/COrA==",
835
+
"license": "MIT"
836
+
},
837
+
"node_modules/@atproto/tap/node_modules/multiformats": {
838
+
"version": "9.9.0",
839
+
"resolved": "https://registry.npmjs.org/multiformats/-/multiformats-9.9.0.tgz",
840
+
"integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
841
+
"license": "(Apache-2.0 AND MIT)"
842
+
},
843
+
"node_modules/@atproto/ws-client": {
844
+
"version": "0.0.4",
845
+
"resolved": "https://registry.npmjs.org/@atproto/ws-client/-/ws-client-0.0.4.tgz",
846
+
"integrity": "sha512-dox1XIymuC7/ZRhUqKezIGgooZS45C6vHCfu0PnWjfvsLCK2kAlnvX4IBkA/WpcoijDhQ9ejChnFbo/sLmgvAg==",
847
+
"license": "MIT",
848
+
"dependencies": {
849
+
"@atproto/common": "^0.5.3",
850
+
"ws": "^8.12.0"
851
+
},
852
+
"engines": {
853
+
"node": ">=18.7.0"
854
+
}
855
+
},
856
+
"node_modules/@atproto/ws-client/node_modules/@atproto/common": {
857
+
"version": "0.5.6",
858
+
"resolved": "https://registry.npmjs.org/@atproto/common/-/common-0.5.6.tgz",
859
+
"integrity": "sha512-rbWoZwHQNP8jcwjCREVecchw8aaoM5A1NCONyb9PVDWOJLRLCzojYMeIS8IbFqXo6NyIByOGddupADkkLeVBGQ==",
860
+
"license": "MIT",
861
+
"dependencies": {
862
+
"@atproto/common-web": "^0.4.10",
863
+
"@atproto/lex-cbor": "0.0.6",
864
+
"@atproto/lex-data": "0.0.6",
865
+
"iso-datestring-validator": "^2.2.2",
866
+
"multiformats": "^9.9.0",
867
+
"pino": "^8.21.0"
868
+
},
869
+
"engines": {
870
+
"node": ">=18.7.0"
871
+
}
872
+
},
873
+
"node_modules/@atproto/ws-client/node_modules/multiformats": {
874
+
"version": "9.9.0",
875
+
"resolved": "https://registry.npmjs.org/multiformats/-/multiformats-9.9.0.tgz",
876
+
"integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
877
+
"license": "(Apache-2.0 AND MIT)"
878
},
879
"node_modules/@atproto/xrpc": {
880
"version": "0.7.5",
···
1714
}
1715
},
1716
"node_modules/@esbuild/aix-ppc64": {
1717
+
"version": "0.25.4",
1718
+
"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz",
1719
+
"integrity": "sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==",
1720
"cpu": [
1721
"ppc64"
1722
],
1723
"dev": true,
1724
"optional": true,
1725
"os": [
1726
"aix"
···
1730
}
1731
},
1732
"node_modules/@esbuild/android-arm": {
1733
+
"version": "0.25.4",
1734
+
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.4.tgz",
1735
+
"integrity": "sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==",
1736
"cpu": [
1737
"arm"
1738
],
1739
"dev": true,
1740
"optional": true,
1741
"os": [
1742
"android"
···
1746
}
1747
},
1748
"node_modules/@esbuild/android-arm64": {
1749
+
"version": "0.25.4",
1750
+
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz",
1751
+
"integrity": "sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==",
1752
"cpu": [
1753
"arm64"
1754
],
1755
"dev": true,
1756
"optional": true,
1757
"os": [
1758
"android"
···
1762
}
1763
},
1764
"node_modules/@esbuild/android-x64": {
1765
+
"version": "0.25.4",
1766
+
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.4.tgz",
1767
+
"integrity": "sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==",
1768
"cpu": [
1769
"x64"
1770
],
1771
"dev": true,
1772
"optional": true,
1773
"os": [
1774
"android"
···
1777
"node": ">=18"
1778
}
1779
},
1780
"node_modules/@esbuild/darwin-x64": {
1781
+
"version": "0.25.4",
1782
+
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz",
1783
+
"integrity": "sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==",
1784
"cpu": [
1785
"x64"
1786
],
1787
"dev": true,
1788
"optional": true,
1789
"os": [
1790
"darwin"
···
1794
}
1795
},
1796
"node_modules/@esbuild/freebsd-arm64": {
1797
+
"version": "0.25.4",
1798
+
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz",
1799
+
"integrity": "sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==",
1800
"cpu": [
1801
"arm64"
1802
],
1803
"dev": true,
1804
"optional": true,
1805
"os": [
1806
"freebsd"
···
1810
}
1811
},
1812
"node_modules/@esbuild/freebsd-x64": {
1813
+
"version": "0.25.4",
1814
+
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz",
1815
+
"integrity": "sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==",
1816
"cpu": [
1817
"x64"
1818
],
1819
"dev": true,
1820
"optional": true,
1821
"os": [
1822
"freebsd"
···
1826
}
1827
},
1828
"node_modules/@esbuild/linux-arm": {
1829
+
"version": "0.25.4",
1830
+
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz",
1831
+
"integrity": "sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==",
1832
"cpu": [
1833
"arm"
1834
],
1835
"dev": true,
1836
"optional": true,
1837
"os": [
1838
"linux"
···
1842
}
1843
},
1844
"node_modules/@esbuild/linux-arm64": {
1845
+
"version": "0.25.4",
1846
+
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz",
1847
+
"integrity": "sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==",
1848
"cpu": [
1849
"arm64"
1850
],
1851
"dev": true,
1852
"optional": true,
1853
"os": [
1854
"linux"
···
1858
}
1859
},
1860
"node_modules/@esbuild/linux-ia32": {
1861
+
"version": "0.25.4",
1862
+
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz",
1863
+
"integrity": "sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==",
1864
"cpu": [
1865
"ia32"
1866
],
1867
"dev": true,
1868
"optional": true,
1869
"os": [
1870
"linux"
···
1874
}
1875
},
1876
"node_modules/@esbuild/linux-loong64": {
1877
+
"version": "0.25.4",
1878
+
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz",
1879
+
"integrity": "sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==",
1880
"cpu": [
1881
"loong64"
1882
],
1883
"dev": true,
1884
"optional": true,
1885
"os": [
1886
"linux"
···
1890
}
1891
},
1892
"node_modules/@esbuild/linux-mips64el": {
1893
+
"version": "0.25.4",
1894
+
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz",
1895
+
"integrity": "sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==",
1896
"cpu": [
1897
"mips64el"
1898
],
1899
"dev": true,
1900
"optional": true,
1901
"os": [
1902
"linux"
···
1906
}
1907
},
1908
"node_modules/@esbuild/linux-ppc64": {
1909
+
"version": "0.25.4",
1910
+
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz",
1911
+
"integrity": "sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==",
1912
"cpu": [
1913
"ppc64"
1914
],
1915
"dev": true,
1916
"optional": true,
1917
"os": [
1918
"linux"
···
1922
}
1923
},
1924
"node_modules/@esbuild/linux-riscv64": {
1925
+
"version": "0.25.4",
1926
+
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz",
1927
+
"integrity": "sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==",
1928
"cpu": [
1929
"riscv64"
1930
],
1931
"dev": true,
1932
"optional": true,
1933
"os": [
1934
"linux"
···
1938
}
1939
},
1940
"node_modules/@esbuild/linux-s390x": {
1941
+
"version": "0.25.4",
1942
+
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz",
1943
+
"integrity": "sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==",
1944
"cpu": [
1945
"s390x"
1946
],
1947
"dev": true,
1948
"optional": true,
1949
"os": [
1950
"linux"
···
1954
}
1955
},
1956
"node_modules/@esbuild/linux-x64": {
1957
+
"version": "0.25.4",
1958
+
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz",
1959
+
"integrity": "sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==",
1960
"cpu": [
1961
"x64"
1962
],
···
1971
}
1972
},
1973
"node_modules/@esbuild/netbsd-arm64": {
1974
+
"version": "0.25.4",
1975
+
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz",
1976
+
"integrity": "sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==",
1977
"cpu": [
1978
"arm64"
1979
],
1980
"dev": true,
1981
"optional": true,
1982
"os": [
1983
"netbsd"
···
1987
}
1988
},
1989
"node_modules/@esbuild/netbsd-x64": {
1990
+
"version": "0.25.4",
1991
+
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz",
1992
+
"integrity": "sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==",
1993
"cpu": [
1994
"x64"
1995
],
1996
"dev": true,
1997
"optional": true,
1998
"os": [
1999
"netbsd"
···
2003
}
2004
},
2005
"node_modules/@esbuild/openbsd-arm64": {
2006
+
"version": "0.25.4",
2007
+
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz",
2008
+
"integrity": "sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==",
2009
"cpu": [
2010
"arm64"
2011
],
2012
"dev": true,
2013
"optional": true,
2014
"os": [
2015
"openbsd"
···
2019
}
2020
},
2021
"node_modules/@esbuild/openbsd-x64": {
2022
+
"version": "0.25.4",
2023
+
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz",
2024
+
"integrity": "sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==",
2025
"cpu": [
2026
"x64"
2027
],
2028
"dev": true,
2029
"optional": true,
2030
"os": [
2031
"openbsd"
···
2034
"node": ">=18"
2035
}
2036
},
2037
"node_modules/@esbuild/sunos-x64": {
2038
+
"version": "0.25.4",
2039
+
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz",
2040
+
"integrity": "sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==",
2041
"cpu": [
2042
"x64"
2043
],
2044
"dev": true,
2045
"optional": true,
2046
"os": [
2047
"sunos"
···
2051
}
2052
},
2053
"node_modules/@esbuild/win32-arm64": {
2054
+
"version": "0.25.4",
2055
+
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz",
2056
+
"integrity": "sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==",
2057
"cpu": [
2058
"arm64"
2059
],
2060
"dev": true,
2061
"optional": true,
2062
"os": [
2063
"win32"
···
2067
}
2068
},
2069
"node_modules/@esbuild/win32-ia32": {
2070
+
"version": "0.25.4",
2071
+
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz",
2072
+
"integrity": "sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==",
2073
"cpu": [
2074
"ia32"
2075
],
2076
"dev": true,
2077
"optional": true,
2078
"os": [
2079
"win32"
···
2083
}
2084
},
2085
"node_modules/@esbuild/win32-x64": {
2086
+
"version": "0.25.4",
2087
+
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz",
2088
+
"integrity": "sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==",
2089
"cpu": [
2090
"x64"
2091
],
2092
"dev": true,
2093
"optional": true,
2094
"os": [
2095
"win32"
···
2894
"integrity": "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==",
2895
"license": "(Apache-2.0 AND MIT)"
2896
},
2897
+
"node_modules/@isaacs/balanced-match": {
2898
+
"version": "4.0.1",
2899
+
"resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
2900
+
"integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
2901
+
"license": "MIT",
2902
+
"engines": {
2903
+
"node": "20 || >=22"
2904
+
}
2905
+
},
2906
+
"node_modules/@isaacs/brace-expansion": {
2907
+
"version": "5.0.0",
2908
+
"resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.0.tgz",
2909
+
"integrity": "sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==",
2910
+
"license": "MIT",
2911
+
"dependencies": {
2912
+
"@isaacs/balanced-match": "^4.0.1"
2913
+
},
2914
+
"engines": {
2915
+
"node": "20 || >=22"
2916
+
}
2917
+
},
2918
"node_modules/@isaacs/fs-minipass": {
2919
"version": "4.0.1",
2920
"resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
···
3014
}
3015
},
3016
"node_modules/@mdx-js/loader/node_modules/source-map": {
3017
+
"version": "0.7.4",
3018
+
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
3019
+
"integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
3020
"engines": {
3021
+
"node": ">= 8"
3022
}
3023
},
3024
"node_modules/@mdx-js/mdx": {
···
3065
}
3066
},
3067
"node_modules/@mdx-js/mdx/node_modules/source-map": {
3068
+
"version": "0.7.4",
3069
+
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
3070
+
"integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
3071
"engines": {
3072
+
"node": ">= 8"
3073
}
3074
},
3075
"node_modules/@mdx-js/react": {
···
3160
}
3161
},
3162
"node_modules/@next/mdx/node_modules/source-map": {
3163
+
"version": "0.7.4",
3164
+
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
3165
+
"integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
3166
"engines": {
3167
+
"node": ">= 8"
3168
}
3169
},
3170
"node_modules/@next/swc-darwin-arm64": {
···
7549
}
7550
},
7551
"node_modules/@tailwindcss/node/node_modules/magic-string": {
7552
+
"version": "0.30.19",
7553
+
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
7554
+
"integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==",
7555
"dev": true,
7556
"license": "MIT",
7557
"dependencies": {
···
7805
}
7806
},
7807
"node_modules/@tailwindcss/oxide/node_modules/tar": {
7808
+
"version": "7.5.1",
7809
+
"resolved": "https://registry.npmjs.org/tar/-/tar-7.5.1.tgz",
7810
+
"integrity": "sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==",
7811
"dev": true,
7812
+
"license": "ISC",
7813
"dependencies": {
7814
"@isaacs/fs-minipass": "^4.0.0",
7815
"chownr": "^3.0.0",
···
8142
}
8143
},
8144
"node_modules/@types/unist": {
8145
+
"version": "3.0.2",
8146
+
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
8147
+
"integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
8148
},
8149
"node_modules/@types/uuid": {
8150
"version": "10.0.0",
···
8500
}
8501
}
8502
},
8503
"node_modules/abort-controller": {
8504
"version": "3.0.0",
8505
"resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
···
8563
}
8564
},
8565
"node_modules/agent-base": {
8566
+
"version": "7.1.1",
8567
+
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
8568
+
"integrity": "sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==",
8569
+
"dependencies": {
8570
+
"debug": "^4.3.4"
8571
+
},
8572
"engines": {
8573
"node": ">= 14"
8574
}
···
9047
"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
9048
"license": "MIT"
9049
},
9050
+
"node_modules/body-parser/node_modules/qs": {
9051
+
"version": "6.13.0",
9052
+
"resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
9053
+
"integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
9054
+
"license": "BSD-3-Clause",
9055
+
"dependencies": {
9056
+
"side-channel": "^1.0.6"
9057
+
},
9058
+
"engines": {
9059
+
"node": ">=0.6"
9060
+
},
9061
+
"funding": {
9062
+
"url": "https://github.com/sponsors/ljharb"
9063
+
}
9064
+
},
9065
"node_modules/brace-expansion": {
9066
+
"version": "1.1.11",
9067
+
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
9068
+
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
9069
"dev": true,
9070
"dependencies": {
9071
"balanced-match": "^1.0.0",
9072
"concat-map": "0.0.1"
···
9470
"version": "13.0.3",
9471
"resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-13.0.3.tgz",
9472
"integrity": "sha512-Oofo0pq3IKnsFtuHqSF7TqBfr71aeyZDVJ0HpmqB7FBM2qEigL0iPONSCZSO9pE9dZTAxANe5XHG9Uy0YMv8cg==",
9473
"license": "MIT"
9474
},
9475
"node_modules/collapse-white-space": {
···
9577
"resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
9578
"integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
9579
"license": "MIT"
9580
+
},
9581
+
"node_modules/core-js": {
9582
+
"version": "3.47.0",
9583
+
"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.47.0.tgz",
9584
+
"integrity": "sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==",
9585
+
"hasInstallScript": true,
9586
+
"license": "MIT",
9587
+
"funding": {
9588
+
"type": "opencollective",
9589
+
"url": "https://opencollective.com/core-js"
9590
+
}
9591
},
9592
"node_modules/crelt": {
9593
"version": "1.0.6",
···
9748
"integrity": "sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug=="
9749
},
9750
"node_modules/debug": {
9751
+
"version": "4.4.1",
9752
+
"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
9753
+
"integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
9754
"license": "MIT",
9755
"dependencies": {
9756
"ms": "^2.1.3"
···
9902
},
9903
"engines": {
9904
"node": "*"
9905
}
9906
},
9907
"node_modules/dreamopt": {
···
10800
}
10801
},
10802
"node_modules/esbuild": {
10803
+
"version": "0.25.4",
10804
+
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.4.tgz",
10805
+
"integrity": "sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==",
10806
"dev": true,
10807
"hasInstallScript": true,
10808
"license": "MIT",
···
10813
"node": ">=18"
10814
},
10815
"optionalDependencies": {
10816
+
"@esbuild/aix-ppc64": "0.25.4",
10817
+
"@esbuild/android-arm": "0.25.4",
10818
+
"@esbuild/android-arm64": "0.25.4",
10819
+
"@esbuild/android-x64": "0.25.4",
10820
+
"@esbuild/darwin-arm64": "0.25.4",
10821
+
"@esbuild/darwin-x64": "0.25.4",
10822
+
"@esbuild/freebsd-arm64": "0.25.4",
10823
+
"@esbuild/freebsd-x64": "0.25.4",
10824
+
"@esbuild/linux-arm": "0.25.4",
10825
+
"@esbuild/linux-arm64": "0.25.4",
10826
+
"@esbuild/linux-ia32": "0.25.4",
10827
+
"@esbuild/linux-loong64": "0.25.4",
10828
+
"@esbuild/linux-mips64el": "0.25.4",
10829
+
"@esbuild/linux-ppc64": "0.25.4",
10830
+
"@esbuild/linux-riscv64": "0.25.4",
10831
+
"@esbuild/linux-s390x": "0.25.4",
10832
+
"@esbuild/linux-x64": "0.25.4",
10833
+
"@esbuild/netbsd-arm64": "0.25.4",
10834
+
"@esbuild/netbsd-x64": "0.25.4",
10835
+
"@esbuild/openbsd-arm64": "0.25.4",
10836
+
"@esbuild/openbsd-x64": "0.25.4",
10837
+
"@esbuild/sunos-x64": "0.25.4",
10838
+
"@esbuild/win32-arm64": "0.25.4",
10839
+
"@esbuild/win32-ia32": "0.25.4",
10840
+
"@esbuild/win32-x64": "0.25.4"
10841
}
10842
},
10843
"node_modules/esbuild-register": {
···
10850
},
10851
"peerDependencies": {
10852
"esbuild": ">=0.12 <1"
10853
+
}
10854
+
},
10855
+
"node_modules/esbuild/node_modules/@esbuild/darwin-arm64": {
10856
+
"version": "0.25.4",
10857
+
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz",
10858
+
"integrity": "sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==",
10859
+
"cpu": [
10860
+
"arm64"
10861
+
],
10862
+
"dev": true,
10863
+
"optional": true,
10864
+
"os": [
10865
+
"darwin"
10866
+
],
10867
+
"engines": {
10868
+
"node": ">=18"
10869
}
10870
},
10871
"node_modules/escalade": {
···
11103
"ms": "^2.1.1"
11104
}
11105
},
11106
+
"node_modules/eslint-plugin-import/node_modules/doctrine": {
11107
+
"version": "2.1.0",
11108
+
"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
11109
+
"integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
11110
+
"dev": true,
11111
+
"dependencies": {
11112
+
"esutils": "^2.0.2"
11113
+
},
11114
+
"engines": {
11115
+
"node": ">=0.10.0"
11116
+
}
11117
+
},
11118
"node_modules/eslint-plugin-import/node_modules/semver": {
11119
"version": "6.3.1",
11120
"resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
···
11206
"eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
11207
}
11208
},
11209
+
"node_modules/eslint-plugin-react-hooks/node_modules/zod": {
11210
+
"version": "4.1.12",
11211
+
"resolved": "https://registry.npmjs.org/zod/-/zod-4.1.12.tgz",
11212
+
"integrity": "sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==",
11213
+
"dev": true,
11214
+
"funding": {
11215
+
"url": "https://github.com/sponsors/colinhacks"
11216
+
}
11217
+
},
11218
"node_modules/eslint-plugin-react-hooks/node_modules/zod-validation-error": {
11219
"version": "4.0.2",
11220
"resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
···
11227
"zod": "^3.25.0 || ^4.0.0"
11228
}
11229
},
11230
+
"node_modules/eslint-plugin-react/node_modules/doctrine": {
11231
+
"version": "2.1.0",
11232
+
"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
11233
+
"integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
11234
+
"dev": true,
11235
+
"license": "Apache-2.0",
11236
+
"dependencies": {
11237
+
"esutils": "^2.0.2"
11238
+
},
11239
+
"engines": {
11240
+
"node": ">=0.10.0"
11241
+
}
11242
+
},
11243
"node_modules/eslint-plugin-react/node_modules/resolve": {
11244
"version": "2.0.0-next.5",
11245
"resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
···
11433
}
11434
},
11435
"node_modules/estree-util-to-js/node_modules/source-map": {
11436
+
"version": "0.7.4",
11437
+
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
11438
+
"integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
11439
"engines": {
11440
+
"node": ">= 8"
11441
}
11442
},
11443
"node_modules/estree-util-visit": {
···
11599
"integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
11600
"license": "MIT"
11601
},
11602
+
"node_modules/express/node_modules/qs": {
11603
+
"version": "6.13.0",
11604
+
"resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
11605
+
"integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
11606
+
"license": "BSD-3-Clause",
11607
+
"dependencies": {
11608
+
"side-channel": "^1.0.6"
11609
+
},
11610
+
"engines": {
11611
+
"node": ">=0.6"
11612
+
},
11613
+
"funding": {
11614
+
"url": "https://github.com/sponsors/ljharb"
11615
+
}
11616
+
},
11617
"node_modules/ext": {
11618
"version": "1.7.0",
11619
"resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
···
11635
"dev": true
11636
},
11637
"node_modules/fast-glob": {
11638
+
"version": "3.3.2",
11639
+
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
11640
+
"integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
11641
"dev": true,
11642
"dependencies": {
11643
"@nodelib/fs.stat": "^2.0.2",
11644
"@nodelib/fs.walk": "^1.2.3",
11645
"glob-parent": "^5.1.2",
11646
"merge2": "^1.3.0",
11647
+
"micromatch": "^4.0.4"
11648
},
11649
"engines": {
11650
"node": ">=8.6.0"
···
11928
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
11929
"dev": true
11930
},
11931
"node_modules/function-bind": {
11932
"version": "1.1.2",
11933
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
···
12178
"dev": true
12179
},
12180
"node_modules/glob/node_modules/brace-expansion": {
12181
+
"version": "2.0.1",
12182
+
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
12183
+
"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
12184
"dev": true,
12185
"dependencies": {
12186
"balanced-match": "^1.0.0"
12187
}
···
12721
}
12722
},
12723
"node_modules/https-proxy-agent": {
12724
+
"version": "7.0.4",
12725
+
"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.4.tgz",
12726
+
"integrity": "sha512-wlwpilI7YdjSkWaQ/7omYBMTliDcmCN8OLihO6I9B86g06lMyAoqgoDpV0XqoaPOKj+0DIdAvnsWfyAAhmimcg==",
12727
"dependencies": {
12728
+
"agent-base": "^7.0.2",
12729
"debug": "4"
12730
},
12731
"engines": {
···
12765
"license": "BSD-3-Clause"
12766
},
12767
"node_modules/ignore": {
12768
+
"version": "5.3.1",
12769
+
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
12770
+
"integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
12771
"dev": true,
12772
"engines": {
12773
"node": ">= 4"
12774
}
···
12837
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
12838
},
12839
"node_modules/inline-style-parser": {
12840
+
"version": "0.2.4",
12841
+
"resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz",
12842
+
"integrity": "sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q=="
12843
},
12844
"node_modules/inngest": {
12845
"version": "3.40.1",
···
13000
}
13001
},
13002
"node_modules/ipaddr.js": {
13003
+
"version": "2.2.0",
13004
+
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
13005
+
"integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
13006
"license": "MIT",
13007
"engines": {
13008
"node": ">= 10"
···
14173
}
14174
},
14175
"node_modules/lru-cache": {
14176
+
"version": "10.2.2",
14177
+
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.2.tgz",
14178
+
"integrity": "sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==",
14179
+
"engines": {
14180
+
"node": "14 || >=16.14"
14181
+
}
14182
},
14183
"node_modules/lru-queue": {
14184
"version": "0.1.0",
···
15282
]
15283
},
15284
"node_modules/micromatch": {
15285
+
"version": "4.0.7",
15286
+
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
15287
+
"integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
15288
"dev": true,
15289
"dependencies": {
15290
"braces": "^3.0.3",
15291
"picomatch": "^2.3.1"
···
15352
}
15353
},
15354
"node_modules/miniflare/node_modules/undici": {
15355
+
"version": "5.28.4",
15356
+
"resolved": "https://registry.npmjs.org/undici/-/undici-5.28.4.tgz",
15357
+
"integrity": "sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==",
15358
"dev": true,
15359
"dependencies": {
15360
"@fastify/busboy": "^2.0.0"
15361
},
···
15449
"license": "MIT"
15450
},
15451
"node_modules/multiformats": {
15452
+
"version": "13.3.2",
15453
+
"resolved": "https://registry.npmjs.org/multiformats/-/multiformats-13.3.2.tgz",
15454
+
"integrity": "sha512-qbB0CQDt3QKfiAzZ5ZYjLFOs+zW43vA4uyM8g27PeEuXZybUOFyjrVdP93HPBHMoglibwfkdVwbzfUq8qGcH6g==",
15455
"license": "Apache-2.0 OR MIT"
15456
},
15457
"node_modules/mustache": {
···
16011
"version": "1.0.1",
16012
"resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
16013
"integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
16014
"license": "MIT"
16015
},
16016
"node_modules/path-exists": {
···
16037
"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
16038
},
16039
"node_modules/path-to-regexp": {
16040
+
"version": "6.2.2",
16041
+
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.2.tgz",
16042
+
"integrity": "sha512-GQX3SSMokngb36+whdpRXE+3f9V8UzyAorlYvOGx87ufGHehNTn5lCxrKtLyZ4Yl/wEKnNnr98ZzOwwDZV5ogw==",
16043
+
"dev": true
16044
},
16045
"node_modules/pg": {
16046
"version": "8.16.3",
···
16292
"version": "3.2.5",
16293
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
16294
"integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
16295
"bin": {
16296
"prettier": "bin/prettier.cjs"
16297
},
···
16510
"prosemirror-view": "^1.37.2"
16511
}
16512
},
16513
+
"node_modules/prosemirror-tables/node_modules/prosemirror-view": {
16514
+
"version": "1.39.2",
16515
+
"resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.39.2.tgz",
16516
+
"integrity": "sha512-BmOkml0QWNob165gyUxXi5K5CVUgVPpqMEAAml/qzgKn9boLUWVPzQ6LtzXw8Cn1GtRQX4ELumPxqtLTDaAKtg==",
16517
+
"license": "MIT",
16518
+
"peer": true,
16519
+
"dependencies": {
16520
+
"prosemirror-model": "^1.20.0",
16521
+
"prosemirror-state": "^1.0.0",
16522
+
"prosemirror-transform": "^1.1.0"
16523
+
}
16524
+
},
16525
"node_modules/prosemirror-trailing-node": {
16526
"version": "3.0.0",
16527
"resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
···
16548
}
16549
},
16550
"node_modules/prosemirror-view": {
16551
+
"version": "1.37.1",
16552
+
"resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.37.1.tgz",
16553
+
"integrity": "sha512-MEAnjOdXU1InxEmhjgmEzQAikaS6lF3hD64MveTPpjOGNTl87iRLA1HupC/DEV6YuK7m4Q9DHFNTjwIVtqz5NA==",
16554
"license": "MIT",
16555
"dependencies": {
16556
"prosemirror-model": "^1.20.0",
···
16629
}
16630
},
16631
"node_modules/qs": {
16632
+
"version": "6.13.1",
16633
+
"resolved": "https://registry.npmjs.org/qs/-/qs-6.13.1.tgz",
16634
+
"integrity": "sha512-EJPeIn0CYrGu+hli1xilKAPXODtJ12T0sP63Ijx2/khC2JtuaN3JyNIpvmnkmaEtha9ocbG4A4cMcr+TvqvwQg==",
16635
"license": "BSD-3-Clause",
16636
"dependencies": {
16637
"side-channel": "^1.0.6"
···
17371
}
17372
},
17373
"node_modules/resolve": {
17374
+
"version": "1.22.8",
17375
+
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
17376
+
"integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
17377
"dependencies": {
17378
+
"is-core-module": "^2.13.0",
17379
"path-parse": "^1.0.7",
17380
"supports-preserve-symlinks-flag": "^1.0.0"
17381
},
17382
"bin": {
17383
"resolve": "bin/resolve"
17384
},
17385
"funding": {
17386
"url": "https://github.com/sponsors/ljharb"
···
17604
}
17605
},
17606
"node_modules/semver": {
17607
+
"version": "7.7.2",
17608
+
"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
17609
+
"integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
17610
"license": "ISC",
17611
"bin": {
17612
"semver": "bin/semver.js"
···
18235
}
18236
},
18237
"node_modules/style-to-object": {
18238
+
"version": "1.0.8",
18239
+
"resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.8.tgz",
18240
+
"integrity": "sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==",
18241
"dependencies": {
18242
+
"inline-style-parser": "0.2.4"
18243
}
18244
},
18245
"node_modules/styled-jsx": {
···
18395
"version": "0.2.15",
18396
"resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
18397
"integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
18398
"license": "MIT",
18399
"dependencies": {
18400
"fdir": "^6.5.0",
···
18411
"version": "6.5.0",
18412
"resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
18413
"integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
18414
"license": "MIT",
18415
"engines": {
18416
"node": ">=12.0.0"
···
18428
"version": "4.0.3",
18429
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
18430
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
18431
"license": "MIT",
18432
"engines": {
18433
"node": ">=12"
···
18805
}
18806
},
18807
"node_modules/undici": {
18808
+
"version": "6.21.3",
18809
+
"resolved": "https://registry.npmjs.org/undici/-/undici-6.21.3.tgz",
18810
+
"integrity": "sha512-gBLkYIlEnSp8pFbT64yFgGE6UIB9tAkhukC23PmMDCe5Nd+cRqKxSjw5y54MK2AZMgZfJWMaNE4nYUHgi1XEOw==",
18811
"license": "MIT",
18812
"engines": {
18813
"node": ">=18.17"
···
19805
}
19806
},
19807
"node_modules/ws": {
19808
+
"version": "8.17.0",
19809
+
"resolved": "https://registry.npmjs.org/ws/-/ws-8.17.0.tgz",
19810
+
"integrity": "sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==",
19811
"engines": {
19812
"node": ">=10.0.0"
19813
},
···
19995
}
19996
},
19997
"node_modules/zod": {
19998
+
"version": "3.23.8",
19999
+
"resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
20000
+
"integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
20001
"funding": {
20002
"url": "https://github.com/sponsors/colinhacks"
20003
}
+3
-4
package.json
+3
-4
package.json
···
23
"@atproto/api": "^0.16.9",
24
"@atproto/common": "^0.4.8",
25
"@atproto/identity": "^0.4.6",
26
-
"@atproto/lexicon": "^0.6.1",
27
"@atproto/oauth-client-node": "^0.3.8",
28
"@atproto/sync": "^0.1.34",
29
"@atproto/syntax": "^0.3.3",
30
"@atproto/xrpc": "^0.7.5",
31
"@atproto/xrpc-server": "^0.9.5",
32
"@hono/node-server": "^1.14.3",
···
48
"@vercel/analytics": "^1.5.0",
49
"@vercel/functions": "^2.2.12",
50
"@vercel/sdk": "^1.11.4",
51
-
"@yornaath/batshit": "^0.14.0",
52
"babel-plugin-react-compiler": "^19.1.0-rc.1",
53
"base64-js": "^1.5.1",
54
"colorjs.io": "^0.5.2",
···
124
"ajv": "^8.17.1",
125
"whatwg-url": "^14.0.0",
126
"@types/react": "19.2.6",
127
-
"@types/react-dom": "19.2.3",
128
-
"@atproto/lexicon": "^0.6.1"
129
}
130
}
···
23
"@atproto/api": "^0.16.9",
24
"@atproto/common": "^0.4.8",
25
"@atproto/identity": "^0.4.6",
26
+
"@atproto/lexicon": "^0.5.1",
27
"@atproto/oauth-client-node": "^0.3.8",
28
"@atproto/sync": "^0.1.34",
29
"@atproto/syntax": "^0.3.3",
30
+
"@atproto/tap": "^0.1.1",
31
"@atproto/xrpc": "^0.7.5",
32
"@atproto/xrpc-server": "^0.9.5",
33
"@hono/node-server": "^1.14.3",
···
49
"@vercel/analytics": "^1.5.0",
50
"@vercel/functions": "^2.2.12",
51
"@vercel/sdk": "^1.11.4",
52
"babel-plugin-react-compiler": "^19.1.0-rc.1",
53
"base64-js": "^1.5.1",
54
"colorjs.io": "^0.5.2",
···
124
"ajv": "^8.17.1",
125
"whatwg-url": "^14.0.0",
126
"@types/react": "19.2.6",
127
+
"@types/react-dom": "19.2.3"
128
}
129
}
+244
specs/2026-02-03-pro-tier.md
+244
specs/2026-02-03-pro-tier.md
···
···
1
+
# Pro Tier Subscription System
2
+
3
+
**Status**: draft
4
+
5
+
## Goal
6
+
7
+
Add a paid Pro tier to Leaflet using Stripe for billing, with an entitlements-based architecture that decouples feature access from subscription state.
8
+
9
+
## Design
10
+
11
+
### Data Model
12
+
13
+
Two new tables separate Stripe subscription state from feature access:
14
+
15
+
**`user_subscriptions`** — Stripe sync state
16
+
- `identity_id` (UUID, FK to identities, PK)
17
+
- `stripe_customer_id` (text, unique)
18
+
- `stripe_subscription_id` (text, unique, nullable)
19
+
- `plan` (text) — Price ID from `stripe/products.ts`, e.g., `pro_monthly_v1_usd`
20
+
- `status` (text) — mirrors Stripe: `trialing`, `active`, `past_due`, `canceled`, `unpaid`
21
+
- `current_period_end` (timestamp)
22
+
- `created_at`, `updated_at`
23
+
24
+
**`user_entitlements`** — Feature access grants
25
+
- `identity_id` (UUID, FK to identities)
26
+
- `entitlement_key` (text) — e.g., `analytics`
27
+
- `granted_at` (timestamp)
28
+
- `expires_at` (timestamp, nullable) — null means permanent
29
+
- `source` (text) — provenance, e.g., `stripe:sub_xxx`, `manual:admin`, `promo:launch2026`
30
+
- `metadata` (jsonb, nullable) — for limits or additional config
31
+
- Primary key: `(identity_id, entitlement_key)` — one entitlement per key per user
32
+
33
+
The unique constraint on `(identity_id, entitlement_key)` means writes are upserts. The most recent write wins; `source` tracks provenance.
34
+
35
+
### SKU → Entitlements Mapping
36
+
37
+
Entitlements for each Stripe Product are stored in Stripe's product metadata, not locally. Example product metadata:
38
+
39
+
```json
40
+
{
41
+
"entitlements": "{\"analytics\": true}"
42
+
}
43
+
```
44
+
45
+
This keeps Stripe as the source of truth for what each SKU grants.
46
+
47
+
### Stripe Product Sync
48
+
49
+
Products and prices are defined in code and synced to Stripe via a GitHub Action. This provides version control, reproducibility, and enforces immutability.
50
+
51
+
**Directory structure:**
52
+
```
53
+
stripe/
54
+
├── products.ts # Product/price definitions with entitlement metadata
55
+
└── sync.ts # Script that ensures Stripe matches definitions
56
+
```
57
+
58
+
**Product definition format** (`stripe/products.ts`):
59
+
```typescript
60
+
export const products = [
61
+
{
62
+
id: "pro_monthly_v1",
63
+
name: "Leaflet Pro (Monthly)",
64
+
prices: [
65
+
{
66
+
id: "pro_monthly_v1_usd",
67
+
currency: "usd",
68
+
unit_amount: 900, // $9.00
69
+
recurring: { interval: "month" },
70
+
},
71
+
],
72
+
metadata: {
73
+
entitlements: JSON.stringify({ publication_analytics: true }),
74
+
},
75
+
},
76
+
];
77
+
```
78
+
79
+
**Sync script behavior** (`stripe/sync.ts`):
80
+
1. Fetch existing products and prices by `id` (`stripe.products.retrieve(id)`, `stripe.prices.retrieve(id)`)
81
+
2. For each definition:
82
+
- If missing in Stripe → create it with the custom `id`
83
+
- If exists and matches → no-op
84
+
- If exists but differs → update it to match the definition
85
+
3. Never deletes products/prices
86
+
87
+
Both products and prices use custom `id` for idempotent matching (set at creation). Same definitions apply to both test and live mode—the script targets whichever mode the API key belongs to.
88
+
89
+
**GitHub Action** (`.github/workflows/stripe-sync.yml`):
90
+
- Triggers on push to `stripe/` directory
91
+
- Runs sync against test mode automatically
92
+
- Live mode sync requires manual workflow dispatch with approval
93
+
94
+
**Versioning/grandfathering:**
95
+
To grandfather existing subscribers on different terms, create a new product with a new `id` (e.g., `pro_monthly_v2`). Existing subscribers stay on v1. New subscribers get v2. For additive changes (new entitlements, metadata updates), just update the existing product definition.
96
+
97
+
### Stripe Sync Strategy
98
+
99
+
**Webhook-driven** with **optimistic updates**:
100
+
101
+
1. **Optimistic**: After successful Checkout Session completion on the client, immediately call a server action to write `user_subscriptions` and `user_entitlements` based on the session data. User gets instant access.
102
+
103
+
2. **Durable**: Stripe webhooks confirm and reconcile state. Handles edge cases (payment failures, disputes, subscription updates from Stripe dashboard).
104
+
105
+
Webhooks to handle:
106
+
- `checkout.session.completed` — initial subscription created
107
+
- `customer.subscription.created` — backup for subscription creation
108
+
- `customer.subscription.updated` — plan changes, renewals, status changes
109
+
- `customer.subscription.deleted` — subscription ended
110
+
- `invoice.payment_failed` — payment issues
111
+
- `customer.subscription.trial_will_end` — trial ending reminder (optional, for notifications)
112
+
113
+
### Entitlement Lifecycle
114
+
115
+
**Grant flow** (subscription activates or trial starts):
116
+
1. Webhook receives event with subscription and product data
117
+
2. Parse `entitlements` from product metadata
118
+
3. Upsert `user_entitlements` rows with `expires_at` = `current_period_end`, `source` = `stripe:{subscription_id}`
119
+
120
+
**Renewal flow** (subscription renews):
121
+
1. `customer.subscription.updated` webhook fires
122
+
2. Update `expires_at` on all entitlements with matching `source`
123
+
124
+
**Cancellation flow** (user cancels but period remains):
125
+
1. `customer.subscription.updated` with `cancel_at_period_end: true`
126
+
2. Update `user_subscriptions.status`
127
+
3. Entitlements remain valid until `expires_at` (already set to period end)
128
+
129
+
**Expiration flow** (subscription ends):
130
+
1. `customer.subscription.deleted` webhook fires
131
+
2. No action needed on `user_entitlements` — they naturally expire via `expires_at`
132
+
3. Update `user_subscriptions.status` to `canceled`
133
+
134
+
Soft expiration via `expires_at` preserves audit history and handles the canceled-but-paid-through-period case without additional webhooks.
135
+
136
+
### Trials
137
+
138
+
Stripe-managed trials:
139
+
1. Trial starts → subscription created with `status: trialing`
140
+
2. Entitlements granted with `expires_at` = trial end date
141
+
3. Trial converts → `expires_at` updated to subscription period end
142
+
4. Trial lapses → entitlements expire naturally, no action needed
143
+
144
+
### Entitlement Checks
145
+
146
+
Extend `getIdentityData()` to join against `user_entitlements` and return active entitlements:
147
+
148
+
```typescript
149
+
type IdentityData = {
150
+
id: string;
151
+
email: string;
152
+
atp_did: string;
153
+
// ... existing fields
154
+
entitlements: Record<string, {
155
+
granted_at: string;
156
+
expires_at: string | null;
157
+
source: string;
158
+
metadata: Record<string, unknown> | null;
159
+
}>;
160
+
};
161
+
```
162
+
163
+
Query filters to `expires_at IS NULL OR expires_at > NOW()`. The `useIdentityData()` hook exposes the same shape client-side.
164
+
165
+
Feature gating in server actions:
166
+
167
+
```typescript
168
+
export async function getAnalyticsData() {
169
+
const identity = await getIdentityData();
170
+
if (!identity?.entitlements.analytics) {
171
+
return err("Pro subscription required");
172
+
}
173
+
// ... fetch analytics
174
+
}
175
+
```
176
+
177
+
### Initial Pro Features
178
+
179
+
Single entitlement at launch:
180
+
- `publication_analytics` (boolean) — access to analytics features for
181
+
publications
182
+
183
+
### Webhook Endpoint
184
+
185
+
New API route at `app/api/webhooks/stripe/route.ts`:
186
+
- Verify Stripe signature using `STRIPE_WEBHOOK_SECRET`
187
+
- Dispatch to Inngest functions for processing (keeps webhook response fast, enables retries)
188
+
189
+
### Inngest Functions
190
+
191
+
New functions in `app/api/inngest/functions/`:
192
+
- `stripe/handle-checkout-completed` — process successful checkout
193
+
- `stripe/handle-subscription-updated` — sync subscription changes to entitlements
194
+
- `stripe/handle-subscription-deleted` — update subscription status
195
+
196
+
Events to add to Inngest client:
197
+
```typescript
198
+
"stripe/checkout.session.completed": { data: { sessionId: string } }
199
+
"stripe/customer.subscription.updated": { data: { subscriptionId: string } }
200
+
"stripe/customer.subscription.deleted": { data: { subscriptionId: string } }
201
+
```
202
+
203
+
### Environment Variables
204
+
205
+
```
206
+
STRIPE_SECRET_KEY=sk_...
207
+
STRIPE_WEBHOOK_SECRET=whsec_...
208
+
```
209
+
210
+
Price IDs are defined in `stripe/products.ts` and imported directly — no env var needed.
211
+
212
+
## Open Questions
213
+
214
+
- **UI**: Where upgrade prompts appear, pricing page design, checkout flow UX — to be designed separately
215
+
- **Multiple plans**: Current design supports one subscription per user. If we add team plans or multiple concurrent subscriptions, `user_subscriptions` would need to become one-to-many
216
+
217
+
## Implementation
218
+
219
+
1. **Add Stripe packages**: Install `stripe` npm package
220
+
221
+
2. **Database migration**: Create `user_subscriptions` and `user_entitlements` tables with indexes on `identity_id` and `expires_at`
222
+
223
+
3. **Drizzle schema**: Add table definitions to `drizzle/schema.ts`
224
+
225
+
4. **Environment setup**: Add Stripe env vars to `.env.local` and deployment config
226
+
227
+
5. **Stripe webhook endpoint**: Create `app/api/webhooks/stripe/route.ts` with signature verification, dispatch events to Inngest
228
+
229
+
6. **Inngest events and functions**: Add event types to `app/api/inngest/client.ts`, create handler functions for checkout completed, subscription updated, subscription deleted
230
+
231
+
7. **Extend getIdentityData**: Join against `user_entitlements`, filter expired, return entitlements object
232
+
233
+
8. **Extend useIdentityData**: Ensure client-side hook receives entitlements from server
234
+
235
+
9. **Optimistic update action**: Create `actions/subscriptions/activateSubscription.ts` for immediate access after checkout
236
+
237
+
10. **Stripe sync infrastructure**:
238
+
- Create `stripe/products.ts` with Pro product definitions and entitlement metadata
239
+
- Create `stripe/sync.ts` script using Stripe Node SDK to reconcile definitions with Stripe
240
+
- Add `.github/workflows/stripe-sync.yml` for automated test mode sync on push, manual live mode sync
241
+
242
+
11. **Initial product sync**: Run sync script against both test and live mode to create Pro products
243
+
244
+
12. **Gate analytics**: Add entitlement check to analytics server actions
+4
-59
src/notifications.ts
+4
-59
src/notifications.ts
···
27
| { type: "mention"; document_uri: string; mention_type: "document"; mentioned_uri: string }
28
| { type: "comment_mention"; comment_uri: string; mention_type: "did" }
29
| { type: "comment_mention"; comment_uri: string; mention_type: "publication"; mentioned_uri: string }
30
-
| { type: "comment_mention"; comment_uri: string; mention_type: "document"; mentioned_uri: string }
31
-
| { type: "recommend"; document_uri: string; recommend_uri: string };
32
33
export type HydratedNotification =
34
| HydratedCommentNotification
···
36
| HydratedQuoteNotification
37
| HydratedBskyPostEmbedNotification
38
| HydratedMentionNotification
39
-
| HydratedCommentMentionNotification
40
-
| HydratedRecommendNotification;
41
export async function hydrateNotifications(
42
notifications: NotificationRow[],
43
): Promise<Array<HydratedNotification>> {
44
// Call all hydrators in parallel
45
-
const [commentNotifications, subscribeNotifications, quoteNotifications, bskyPostEmbedNotifications, mentionNotifications, commentMentionNotifications, recommendNotifications] = await Promise.all([
46
hydrateCommentNotifications(notifications),
47
hydrateSubscribeNotifications(notifications),
48
hydrateQuoteNotifications(notifications),
49
hydrateBskyPostEmbedNotifications(notifications),
50
hydrateMentionNotifications(notifications),
51
hydrateCommentMentionNotifications(notifications),
52
-
hydrateRecommendNotifications(notifications),
53
]);
54
55
// Combine all hydrated notifications
56
-
const allHydrated = [...commentNotifications, ...subscribeNotifications, ...quoteNotifications, ...bskyPostEmbedNotifications, ...mentionNotifications, ...commentMentionNotifications, ...recommendNotifications];
57
58
// Sort by created_at to maintain order
59
allHydrated.sort(
···
517
),
518
normalizedMentionedPublication: normalizePublicationRecord(mentionedPublication?.record),
519
normalizedMentionedDocument: normalizeDocumentRecord(mentionedDoc?.data, mentionedDoc?.uri),
520
-
};
521
-
})
522
-
.filter((n) => n !== null);
523
-
}
524
-
525
-
export type HydratedRecommendNotification = Awaited<
526
-
ReturnType<typeof hydrateRecommendNotifications>
527
-
>[0];
528
-
529
-
async function hydrateRecommendNotifications(notifications: NotificationRow[]) {
530
-
const recommendNotifications = notifications.filter(
531
-
(n): n is NotificationRow & { data: ExtractNotificationType<"recommend"> } =>
532
-
(n.data as NotificationData)?.type === "recommend",
533
-
);
534
-
535
-
if (recommendNotifications.length === 0) {
536
-
return [];
537
-
}
538
-
539
-
// Fetch recommend data from the database
540
-
const recommendUris = recommendNotifications.map((n) => n.data.recommend_uri);
541
-
const documentUris = recommendNotifications.map((n) => n.data.document_uri);
542
-
543
-
const [{ data: recommends }, { data: documents }] = await Promise.all([
544
-
supabaseServerClient
545
-
.from("recommends_on_documents")
546
-
.select("*, identities(bsky_profiles(*))")
547
-
.in("uri", recommendUris),
548
-
supabaseServerClient
549
-
.from("documents")
550
-
.select("*, documents_in_publications(publications(*))")
551
-
.in("uri", documentUris),
552
-
]);
553
-
554
-
return recommendNotifications
555
-
.map((notification) => {
556
-
const recommendData = recommends?.find((r) => r.uri === notification.data.recommend_uri);
557
-
const document = documents?.find((d) => d.uri === notification.data.document_uri);
558
-
if (!recommendData || !document) return null;
559
-
return {
560
-
id: notification.id,
561
-
recipient: notification.recipient,
562
-
created_at: notification.created_at,
563
-
type: "recommend" as const,
564
-
recommend_uri: notification.data.recommend_uri,
565
-
document_uri: notification.data.document_uri,
566
-
recommendData,
567
-
document,
568
-
normalizedDocument: normalizeDocumentRecord(document.data, document.uri),
569
-
normalizedPublication: normalizePublicationRecord(
570
-
document.documents_in_publications[0]?.publications?.record,
571
-
),
572
};
573
})
574
.filter((n) => n !== null);
···
27
| { type: "mention"; document_uri: string; mention_type: "document"; mentioned_uri: string }
28
| { type: "comment_mention"; comment_uri: string; mention_type: "did" }
29
| { type: "comment_mention"; comment_uri: string; mention_type: "publication"; mentioned_uri: string }
30
+
| { type: "comment_mention"; comment_uri: string; mention_type: "document"; mentioned_uri: string };
31
32
export type HydratedNotification =
33
| HydratedCommentNotification
···
35
| HydratedQuoteNotification
36
| HydratedBskyPostEmbedNotification
37
| HydratedMentionNotification
38
+
| HydratedCommentMentionNotification;
39
export async function hydrateNotifications(
40
notifications: NotificationRow[],
41
): Promise<Array<HydratedNotification>> {
42
// Call all hydrators in parallel
43
+
const [commentNotifications, subscribeNotifications, quoteNotifications, bskyPostEmbedNotifications, mentionNotifications, commentMentionNotifications] = await Promise.all([
44
hydrateCommentNotifications(notifications),
45
hydrateSubscribeNotifications(notifications),
46
hydrateQuoteNotifications(notifications),
47
hydrateBskyPostEmbedNotifications(notifications),
48
hydrateMentionNotifications(notifications),
49
hydrateCommentMentionNotifications(notifications),
50
]);
51
52
// Combine all hydrated notifications
53
+
const allHydrated = [...commentNotifications, ...subscribeNotifications, ...quoteNotifications, ...bskyPostEmbedNotifications, ...mentionNotifications, ...commentMentionNotifications];
54
55
// Sort by created_at to maintain order
56
allHydrated.sort(
···
514
),
515
normalizedMentionedPublication: normalizePublicationRecord(mentionedPublication?.record),
516
normalizedMentionedDocument: normalizeDocumentRecord(mentionedDoc?.data, mentionedDoc?.uri),
517
};
518
})
519
.filter((n) => n !== null);
-14
src/replicache/cachedServerMutationContext.ts
-14
src/replicache/cachedServerMutationContext.ts
···
155
});
156
},
157
async retractFact(factID) {
158
-
let cachedFact = writeCache.find(
159
-
(f) => f.type === "put" && f.fact.id === factID,
160
-
);
161
-
let entity: string | undefined;
162
-
if (cachedFact && cachedFact.type === "put") {
163
-
entity = cachedFact.fact.entity;
164
-
} else {
165
-
let [row] = await tx
166
-
.select({ entity: facts.entity })
167
-
.from(facts)
168
-
.where(driz.eq(facts.id, factID));
169
-
entity = row?.entity;
170
-
}
171
-
if (!entity || !(await this.checkPermission(entity))) return;
172
writeCache = writeCache.filter((f) => f.fact.id !== factID);
173
writeCache.push({ type: "del", fact: { id: factID } });
174
},
+1
-13
src/replicache/mutations.ts
+1
-13
src/replicache/mutations.ts
···
659
tags?: string[];
660
cover_image?: string | null;
661
localPublishedAt?: string | null;
662
-
preferences?: {
663
-
showComments?: boolean;
664
-
showMentions?: boolean;
665
-
showRecommends?: boolean;
666
-
} | null;
667
}> = async (args, ctx) => {
668
await ctx.runOnServer(async (serverCtx) => {
669
const updates: {
670
description?: string;
671
title?: string;
672
tags?: string[];
673
cover_image?: string | null;
674
-
preferences?: {
675
-
showComments?: boolean;
676
-
showMentions?: boolean;
677
-
showRecommends?: boolean;
678
-
} | null;
679
} = {};
680
if (args.description !== undefined) updates.description = args.description;
681
if (args.title !== undefined) updates.title = args.title;
682
if (args.tags !== undefined) updates.tags = args.tags;
683
if (args.cover_image !== undefined) updates.cover_image = args.cover_image;
684
-
if (args.preferences !== undefined) updates.preferences = args.preferences;
685
686
if (Object.keys(updates).length > 0) {
687
// First try to update leaflets_in_publications (for publications)
···
710
await tx.set("publication_cover_image", args.cover_image);
711
if (args.localPublishedAt !== undefined)
712
await tx.set("publication_local_published_at", args.localPublishedAt);
713
-
if (args.preferences !== undefined)
714
-
await tx.set("post_preferences", args.preferences);
715
});
716
};
717
···
659
tags?: string[];
660
cover_image?: string | null;
661
localPublishedAt?: string | null;
662
}> = async (args, ctx) => {
663
await ctx.runOnServer(async (serverCtx) => {
664
+
console.log("updating");
665
const updates: {
666
description?: string;
667
title?: string;
668
tags?: string[];
669
cover_image?: string | null;
670
} = {};
671
if (args.description !== undefined) updates.description = args.description;
672
if (args.title !== undefined) updates.title = args.title;
673
if (args.tags !== undefined) updates.tags = args.tags;
674
if (args.cover_image !== undefined) updates.cover_image = args.cover_image;
675
676
if (Object.keys(updates).length > 0) {
677
// First try to update leaflets_in_publications (for publications)
···
700
await tx.set("publication_cover_image", args.cover_image);
701
if (args.localPublishedAt !== undefined)
702
await tx.set("publication_local_published_at", args.localPublishedAt);
703
});
704
};
705
-20
src/useSelectedPostState.ts
-20
src/useSelectedPostState.ts
···
1
-
import { create } from "zustand";
2
-
import type {
3
-
NormalizedDocument,
4
-
NormalizedPublication,
5
-
} from "src/utils/normalizeRecords";
6
-
7
-
export type SelectedPostListing = {
8
-
document_uri: string;
9
-
document: NormalizedDocument;
10
-
publication?: NormalizedPublication;
11
-
drawer: "quotes" | "comments";
12
-
};
13
-
14
-
export const useSelectedPostListing = create<{
15
-
selectedPostListing: SelectedPostListing | null;
16
-
setSelectedPostListing: (post: SelectedPostListing | null) => void;
17
-
}>((set) => ({
18
-
selectedPostListing: null,
19
-
setSelectedPostListing: (post) => set({ selectedPostListing: post }),
20
-
}));
···
+1
-10
src/utils/getBlocksAsHTML.tsx
+1
-10
src/utils/getBlocksAsHTML.tsx
···
79
mailbox: async () => null,
80
poll: async () => null,
81
embed: async () => null,
82
-
"bluesky-post": async (b, tx) => {
83
-
let [post] = await scanIndex(tx).eav(b.value, "block/bluesky-post");
84
-
if (!post) return null;
85
-
return (
86
-
<div
87
-
data-type="bluesky-post"
88
-
data-bluesky-post={JSON.stringify(post.data.value)}
89
-
/>
90
-
);
91
-
},
92
math: async (b, tx, a) => {
93
let [math] = await scanIndex(tx).eav(b.value, "block/math");
94
const html = Katex.renderToString(math?.data.value || "", {
+5
-2
src/utils/mentionUtils.ts
+5
-2
src/utils/mentionUtils.ts
···
19
const uri = new AtUri(atUri);
20
21
if (isPublicationCollection(uri.collection)) {
22
-
return `/lish/uri/${encodeURIComponent(atUri)}`;
23
} else if (isDocumentCollection(uri.collection)) {
24
return `/lish/uri/${encodeURIComponent(atUri)}`;
25
}
26
···
39
export function handleMentionClick(
40
e: MouseEvent | React.MouseEvent,
41
type: "did" | "at-uri",
42
-
value: string,
43
) {
44
e.preventDefault();
45
e.stopPropagation();
···
19
const uri = new AtUri(atUri);
20
21
if (isPublicationCollection(uri.collection)) {
22
+
// Publication URL: /lish/{did}/{rkey}
23
+
return `/lish/${uri.host}/${uri.rkey}`;
24
} else if (isDocumentCollection(uri.collection)) {
25
+
// Document URL - we need to resolve this via the API
26
+
// For now, create a redirect route that will handle it
27
return `/lish/uri/${encodeURIComponent(atUri)}`;
28
}
29
···
42
export function handleMentionClick(
43
e: MouseEvent | React.MouseEvent,
44
type: "did" | "at-uri",
45
+
value: string
46
) {
47
e.preventDefault();
48
e.stopPropagation();
-24
src/utils/mergePreferences.ts
-24
src/utils/mergePreferences.ts
···
1
-
type PreferencesInput = {
2
-
showComments?: boolean;
3
-
showMentions?: boolean;
4
-
showRecommends?: boolean;
5
-
showPrevNext?: boolean;
6
-
} | null;
7
-
8
-
export function mergePreferences(
9
-
documentPrefs?: PreferencesInput,
10
-
publicationPrefs?: PreferencesInput,
11
-
): {
12
-
showComments?: boolean;
13
-
showMentions?: boolean;
14
-
showRecommends?: boolean;
15
-
showPrevNext?: boolean;
16
-
} {
17
-
return {
18
-
showComments: documentPrefs?.showComments ?? publicationPrefs?.showComments,
19
-
showMentions: documentPrefs?.showMentions ?? publicationPrefs?.showMentions,
20
-
showRecommends:
21
-
documentPrefs?.showRecommends ?? publicationPrefs?.showRecommends,
22
-
showPrevNext: publicationPrefs?.showPrevNext,
23
-
};
24
-
}
···
-12
src/utils/useRecordFromDid.ts
-12
src/utils/useRecordFromDid.ts
···
1
-
import { callRPC } from "app/api/rpc/client";
2
-
import { ProfileViewDetailed } from "@atproto/api/dist/client/types/app/bsky/actor/defs";
3
-
import useSWR from "swr";
4
-
5
-
export function useRecordFromDid(did: string | undefined | null) {
6
-
return useSWR(did ? ["profile-data", did] : null, async () => {
7
-
const response = await callRPC("get_profile_data", {
8
-
didOrHandle: did!,
9
-
});
10
-
return response.result.profile as ProfileViewDetailed | undefined;
11
-
});
12
-
}
···
-17
supabase/database.types.ts
-17
supabase/database.types.ts
···
335
}
336
documents: {
337
Row: {
338
-
bsky_like_count: number
339
data: Json
340
-
indexed: boolean
341
indexed_at: string
342
-
recommend_count: number
343
sort_date: string
344
uri: string
345
}
346
Insert: {
347
-
bsky_like_count?: number
348
data: Json
349
-
indexed?: boolean
350
indexed_at?: string
351
-
recommend_count?: number
352
-
sort_date?: string
353
uri: string
354
}
355
Update: {
356
-
bsky_like_count?: number
357
data?: Json
358
-
indexed?: boolean
359
indexed_at?: string
360
-
recommend_count?: number
361
-
sort_date?: string
362
uri?: string
363
}
364
Relationships: []
···
600
description: string
601
doc: string | null
602
leaflet: string
603
-
preferences: Json | null
604
publication: string
605
tags: string[] | null
606
title: string
···
611
description?: string
612
doc?: string | null
613
leaflet: string
614
-
preferences?: Json | null
615
publication: string
616
tags?: string[] | null
617
title?: string
···
622
description?: string
623
doc?: string | null
624
leaflet?: string
625
-
preferences?: Json | null
626
publication?: string
627
tags?: string[] | null
628
title?: string
···
659
description: string
660
document: string
661
leaflet: string
662
-
preferences: Json | null
663
tags: string[] | null
664
title: string
665
}
···
670
description?: string
671
document: string
672
leaflet: string
673
-
preferences?: Json | null
674
tags?: string[] | null
675
title?: string
676
}
···
681
description?: string
682
document?: string
683
leaflet?: string
684
-
preferences?: Json | null
685
tags?: string[] | null
686
title?: string
687
}
···
335
}
336
documents: {
337
Row: {
338
data: Json
339
indexed_at: string
340
sort_date: string
341
uri: string
342
}
343
Insert: {
344
data: Json
345
indexed_at?: string
346
uri: string
347
}
348
Update: {
349
data?: Json
350
indexed_at?: string
351
uri?: string
352
}
353
Relationships: []
···
589
description: string
590
doc: string | null
591
leaflet: string
592
publication: string
593
tags: string[] | null
594
title: string
···
599
description?: string
600
doc?: string | null
601
leaflet: string
602
publication: string
603
tags?: string[] | null
604
title?: string
···
609
description?: string
610
doc?: string | null
611
leaflet?: string
612
publication?: string
613
tags?: string[] | null
614
title?: string
···
645
description: string
646
document: string
647
leaflet: string
648
tags: string[] | null
649
title: string
650
}
···
655
description?: string
656
document: string
657
leaflet: string
658
tags?: string[] | null
659
title?: string
660
}
···
665
description?: string
666
document?: string
667
leaflet?: string
668
tags?: string[] | null
669
title?: string
670
}
-2
supabase/migrations/20260208000000_add_preferences_to_drafts.sql
-2
supabase/migrations/20260208000000_add_preferences_to_drafts.sql
-1
supabase/migrations/20260209000000_add_bsky_like_count.sql
-1
supabase/migrations/20260209000000_add_bsky_like_count.sql
···
1
-
ALTER TABLE documents ADD COLUMN bsky_like_count integer NOT NULL DEFAULT 0;
···
-23
supabase/migrations/20260210000000_add_recommend_count.sql
-23
supabase/migrations/20260210000000_add_recommend_count.sql
···
1
-
ALTER TABLE documents ADD COLUMN recommend_count integer NOT NULL DEFAULT 0;
2
-
3
-
UPDATE documents d
4
-
SET recommend_count = (
5
-
SELECT COUNT(*) FROM recommends_on_documents r WHERE r.document = d.uri
6
-
);
7
-
8
-
CREATE OR REPLACE FUNCTION update_recommend_count() RETURNS trigger AS $$
9
-
BEGIN
10
-
IF TG_OP = 'INSERT' THEN
11
-
UPDATE documents SET recommend_count = recommend_count + 1
12
-
WHERE uri = NEW.document;
13
-
ELSIF TG_OP = 'DELETE' THEN
14
-
UPDATE documents SET recommend_count = recommend_count - 1
15
-
WHERE uri = OLD.document;
16
-
END IF;
17
-
RETURN NULL;
18
-
END;
19
-
$$ LANGUAGE plpgsql;
20
-
21
-
CREATE TRIGGER trg_recommend_count
22
-
AFTER INSERT OR DELETE ON recommends_on_documents
23
-
FOR EACH ROW EXECUTE FUNCTION update_recommend_count();
···
-6
supabase/migrations/20260210100000_add_indexed_column_and_ranking_index.sql
-6
supabase/migrations/20260210100000_add_indexed_column_and_ranking_index.sql
-1
supabase/migrations/20260211000000_indexed_default_false.sql
-1
supabase/migrations/20260211000000_indexed_default_false.sql
···
1
-
ALTER TABLE documents ALTER COLUMN indexed SET DEFAULT false;
···