a tool for shared writing and social publishing
fix bugs in ui model
Jared Pereira
(Mar 13, 2026, 4:17 PM EDT)
9920cf86
3c1c22aa
+228
-119
+7
-5
actions/domains/assignDomainToDocument.ts
+7
-5
actions/domains/assignDomainToDocument.ts
···
24
24
if (!identity || !identity.custom_domains.find((d) => d.domain === domain))
25
25
return null;
26
26
27
-
await supabase.from("publication_domains").delete().eq("domain", domain);
28
-
await supabase
29
-
.from("custom_domain_routes")
30
-
.delete()
31
-
.eq("edit_permission_token", edit_permission_token);
27
+
await Promise.all([
28
+
supabase.from("publication_domains").delete().eq("domain", domain),
29
+
supabase
30
+
.from("custom_domain_routes")
31
+
.delete()
32
+
.eq("edit_permission_token", edit_permission_token),
33
+
]);
32
34
33
35
await supabase.from("custom_domain_routes").insert({
34
36
domain,
+4
-2
actions/domains/assignDomainToPublication.ts
+4
-2
actions/domains/assignDomainToPublication.ts
···
27
27
.single();
28
28
if (publication?.identity_did !== identity.atp_did) return null;
29
29
30
-
await supabase.from("custom_domain_routes").delete().eq("domain", domain);
31
-
await supabase.from("publication_domains").delete().eq("domain", domain);
30
+
await Promise.all([
31
+
supabase.from("custom_domain_routes").delete().eq("domain", domain),
32
+
supabase.from("publication_domains").delete().eq("domain", domain),
33
+
]);
32
34
33
35
await supabase.from("publication_domains").insert({
34
36
publication: publication_uri,
+4
-2
actions/domains/removeDomainAssignment.ts
+4
-2
actions/domains/removeDomainAssignment.ts
···
18
18
if (!identity || !identity.custom_domains.find((d) => d.domain === domain))
19
19
return null;
20
20
21
-
await supabase.from("custom_domain_routes").delete().eq("domain", domain);
22
-
await supabase.from("publication_domains").delete().eq("domain", domain);
21
+
await Promise.all([
22
+
supabase.from("custom_domain_routes").delete().eq("domain", domain),
23
+
supabase.from("publication_domains").delete().eq("domain", domain),
24
+
]);
23
25
24
26
return true;
25
27
}
+25
actions/domains/removeDomainRoute.ts
+25
actions/domains/removeDomainRoute.ts
···
1
+
"use server";
2
+
import { Database } from "supabase/database.types";
3
+
import { createServerClient } from "@supabase/ssr";
4
+
import { getIdentityData } from "actions/getIdentityData";
5
+
6
+
let supabase = createServerClient<Database>(
7
+
process.env.NEXT_PUBLIC_SUPABASE_API_URL as string,
8
+
process.env.SUPABASE_SERVICE_ROLE_KEY as string,
9
+
{ cookies: {} },
10
+
);
11
+
12
+
export async function removeDomainRoute({ routeId }: { routeId: string }) {
13
+
let identity = await getIdentityData();
14
+
if (!identity) return null;
15
+
16
+
// Verify the route belongs to one of the user's domains
17
+
let allRoutes = identity.custom_domains.flatMap(
18
+
(d) => d.custom_domain_routes,
19
+
);
20
+
if (!allRoutes.find((r) => r.id === routeId)) return null;
21
+
22
+
await supabase.from("custom_domain_routes").delete().eq("id", routeId);
23
+
24
+
return true;
25
+
}
+91
-19
components/Domains/DomainSettingsView.tsx
+91
-19
components/Domains/DomainSettingsView.tsx
···
1
1
"use client";
2
2
import { useState } from "react";
3
-
import { ButtonPrimary } from "components/Buttons";
4
3
import { useDomainStatus } from "./useDomainStatus";
5
4
import { DotLoader } from "components/utils/DotLoader";
6
5
import { deleteDomain } from "actions/domains/deleteDomain";
7
6
import { removeDomainAssignment } from "actions/domains/removeDomainAssignment";
8
-
import { useIdentityData } from "components/IdentityProvider";
7
+
import { removeDomainRoute } from "actions/domains/removeDomainRoute";
8
+
import {
9
+
useIdentityData,
10
+
mutateIdentityData,
11
+
} from "components/IdentityProvider";
12
+
import { getDomainAssignment } from "./domainAssignment";
9
13
10
14
export function DomainSettingsView(props: {
11
15
domain: string;
···
13
17
onRemoveAssignment?: () => void;
14
18
onDeleteDomain?: () => void;
15
19
}) {
16
-
let { data, pending: needsSetup, mutate: mutateDomainStatus } = useDomainStatus(props.domain);
17
-
let { mutate: mutateIdentity } = useIdentityData();
20
+
let {
21
+
data,
22
+
pending: needsSetup,
23
+
mutate: mutateDomainStatus,
24
+
} = useDomainStatus(props.domain);
25
+
let { identity, mutate: mutateIdentity } = useIdentityData();
18
26
let isSubdomain = props.domain.split(".").length > 2;
27
+
28
+
let domainData = identity?.custom_domains.find(
29
+
(d) => d.domain === props.domain,
30
+
);
31
+
let assignment = domainData ? getDomainAssignment(domainData) : null;
32
+
let isAssigned = assignment && assignment.type !== "unassigned";
19
33
20
34
return (
21
35
<div className="flex flex-col gap-[6px] text-sm text-primary max-w-full">
···
100
114
<div className="text-green-600">This domain is verified!</div>
101
115
)}
102
116
117
+
{/* Assignment list */}
118
+
{props.onRemoveAssignment && isAssigned && domainData && (
119
+
<div className="flex flex-col gap-1 mt-1">
120
+
<h4 className="text-tertiary text-xs">Assigned to</h4>
121
+
{domainData.publication_domains.length > 0 && (
122
+
<div className="flex items-center justify-between px-[6px] py-1 border rounded-md border-border-light">
123
+
<span className="text-secondary">publication</span>
124
+
<button
125
+
className="text-accent-contrast text-xs"
126
+
type="button"
127
+
onMouseDown={async () => {
128
+
mutateIdentityData(mutateIdentity, (draft) => {
129
+
let domain = draft.custom_domains.find(
130
+
(d) => d.domain === props.domain,
131
+
);
132
+
if (domain) {
133
+
domain.publication_domains = [];
134
+
}
135
+
});
136
+
props.onRemoveAssignment?.();
137
+
await removeDomainAssignment({ domain: props.domain });
138
+
}}
139
+
>
140
+
remove
141
+
</button>
142
+
</div>
143
+
)}
144
+
{domainData.custom_domain_routes.map((route) => (
145
+
<div
146
+
key={route.id}
147
+
className="flex items-center justify-between px-[6px] py-1 border rounded-md border-border-light"
148
+
>
149
+
<a
150
+
href={`/${route.edit_permission_token}`}
151
+
className="text-accent-contrast hover:underline truncate"
152
+
>
153
+
{route.route}
154
+
</a>
155
+
<button
156
+
className="text-accent-contrast text-xs shrink-0 ml-2"
157
+
type="button"
158
+
onMouseDown={async () => {
159
+
mutateIdentityData(mutateIdentity, (draft) => {
160
+
let domain = draft.custom_domains.find(
161
+
(d) => d.domain === props.domain,
162
+
);
163
+
if (domain) {
164
+
domain.custom_domain_routes =
165
+
domain.custom_domain_routes.filter(
166
+
(r) => r.id !== route.id,
167
+
);
168
+
}
169
+
});
170
+
// If this was the last route, go back to the list
171
+
if (domainData.custom_domain_routes.length <= 1) {
172
+
props.onRemoveAssignment?.();
173
+
}
174
+
await removeDomainRoute({ routeId: route.id });
175
+
}}
176
+
>
177
+
remove
178
+
</button>
179
+
</div>
180
+
))}
181
+
</div>
182
+
)}
183
+
103
184
<div className="flex flex-col gap-2 mt-2">
104
185
<div className="flex gap-3 justify-between items-center">
105
186
<button
···
119
200
<hr className="border-border-light" />
120
201
121
202
<div className="flex gap-3 justify-between items-center">
122
-
{props.onRemoveAssignment && (
123
-
<button
124
-
className="text-accent-contrast text-sm"
125
-
type="button"
126
-
onMouseDown={async () => {
127
-
await removeDomainAssignment({ domain: props.domain });
128
-
mutateIdentity();
129
-
props.onRemoveAssignment?.();
130
-
}}
131
-
>
132
-
Remove Assignment
133
-
</button>
134
-
)}
135
203
{props.onDeleteDomain && (
136
204
<button
137
205
className="text-accent-contrast font-bold text-sm"
138
206
type="button"
139
207
onMouseDown={async () => {
140
-
await deleteDomain({ domain: props.domain });
141
-
mutateIdentity();
208
+
mutateIdentityData(mutateIdentity, (draft) => {
209
+
draft.custom_domains = draft.custom_domains.filter(
210
+
(d) => d.domain !== props.domain,
211
+
);
212
+
});
142
213
props.onDeleteDomain?.();
214
+
await deleteDomain({ domain: props.domain });
143
215
}}
144
216
>
145
217
Delete Domain
+23
-3
components/Domains/PublicationDomains.tsx
+23
-3
components/Domains/PublicationDomains.tsx
···
3
3
import { mutate } from "swr";
4
4
import { useDomainStatus } from "./useDomainStatus";
5
5
import { getDomainAssignment, describeAssignment } from "./domainAssignment";
6
-
import { useIdentityData } from "components/IdentityProvider";
6
+
import {
7
+
useIdentityData,
8
+
mutateIdentityData,
9
+
} from "components/IdentityProvider";
7
10
import { ButtonPrimary } from "components/Buttons";
8
11
import {
9
12
usePublicationData,
···
194
197
onSettings: () => void;
195
198
}) {
196
199
let { pending } = useDomainStatus(props.domainData.domain);
200
+
let { mutate: mutateIdentity } = useIdentityData();
197
201
let assignment = getDomainAssignment(props.domainData);
198
202
let [confirming, setConfirming] = useState(false);
199
203
200
204
async function doAssign() {
205
+
mutateIdentityData(mutateIdentity, (draft) => {
206
+
let domain = draft.custom_domains.find(
207
+
(d) => d.domain === props.domainData.domain,
208
+
);
209
+
if (domain) {
210
+
domain.custom_domain_routes = [];
211
+
domain.publication_domains = [
212
+
{
213
+
publication: props.publication_uri,
214
+
domain: props.domainData.domain,
215
+
identity: "",
216
+
created_at: new Date().toISOString(),
217
+
},
218
+
];
219
+
}
220
+
});
221
+
setConfirming(false);
222
+
props.onAssigned();
201
223
await assignDomainToPublication({
202
224
domain: props.domainData.domain,
203
225
publication_uri: props.publication_uri,
204
226
});
205
-
setConfirming(false);
206
-
props.onAssigned();
207
227
}
208
228
209
229
return (
+3
-3
components/Domains/domainAssignment.ts
+3
-3
components/Domains/domainAssignment.ts
···
21
21
export function describeAssignment(assignment: DomainAssignment): string {
22
22
switch (assignment.type) {
23
23
case "publication":
24
-
return "a publication";
24
+
return "publication";
25
25
case "document":
26
26
return assignment.routes.length === 1
27
-
? `a leaflet at ${assignment.routes[0]}`
28
-
: `${assignment.routes.length} leaflets`;
27
+
? "1 page"
28
+
: `${assignment.routes.length} pages`;
29
29
case "unassigned":
30
30
return "";
31
31
}