margin.at
Write on the margins of the internet. Powered by the AT Protocol.
margin.at
extension
web
atproto
comments
cleanup
scanash.com
-4
web/src/assets/logo.svg
-4
web/src/assets/logo.svg
+10
-10
web/src/components/common/Card.tsx
+10
-10
web/src/components/common/Card.tsx
···
137
item.target?.title ||
138
item.title ||
139
(pageUrl ? safeUrlHostname(pageUrl) : null);
140
-
const pageHostname = pageUrl
141
-
? safeUrlHostname(pageUrl)?.replace("www.", "")
142
-
: null;
143
const displayUrl = pageUrl
144
-
? pageUrl
145
-
.replace(/^https?:\/\//, "")
146
-
.replace(/^www\./, "")
147
-
.replace(/\/$/, "")
148
: null;
149
const isBookmark = type === "bookmark";
150
···
288
target="_blank"
289
rel="noopener noreferrer"
290
onClick={(e) => handleExternalClick(e, pageUrl)}
291
-
className="inline-flex items-center gap-1 text-xs text-primary-600 dark:text-primary-400 hover:underline mt-0.5"
292
>
293
-
<ExternalLink size={10} />
294
-
{displayUrl}
295
</a>
296
)}
297
</div>
···
137
item.target?.title ||
138
item.title ||
139
(pageUrl ? safeUrlHostname(pageUrl) : null);
140
const displayUrl = pageUrl
141
+
? (() => {
142
+
const clean = pageUrl
143
+
.replace(/^https?:\/\//, "")
144
+
.replace(/^www\./, "")
145
+
.replace(/\/$/, "");
146
+
return clean.length > 60 ? clean.slice(0, 57) + "..." : clean;
147
+
})()
148
: null;
149
const isBookmark = type === "bookmark";
150
···
288
target="_blank"
289
rel="noopener noreferrer"
290
onClick={(e) => handleExternalClick(e, pageUrl)}
291
+
className="inline-flex items-center gap-1 text-xs text-primary-600 dark:text-primary-400 hover:underline mt-0.5 max-w-full"
292
>
293
+
<ExternalLink size={10} className="flex-shrink-0" />
294
+
<span className="truncate">{displayUrl}</span>
295
</a>
296
)}
297
</div>
-20
web/src/routes/paths.ts
-20
web/src/routes/paths.ts
···
1
-
export const ROUTES = {
2
-
HOME: "/home",
3
-
LOGIN: "/login",
4
-
SETTINGS: "/settings",
5
-
NOTIFICATIONS: "/notifications",
6
-
BOOKMARKS: "/bookmarks",
7
-
HIGHLIGHTS: "/highlights",
8
-
COLLECTIONS: "/collections",
9
-
PROFILE: "/profile",
10
-
PROFILE_DID: "/profile/:did",
11
-
NEW: "/new",
12
-
URL: "/url",
13
-
COLLECTION_DETAIL: "/:handle/collection/:rkey",
14
-
ANNOTATION_AT: "/at/:did/:rkey",
15
-
ANNOTATION_URI: "/annotation/:uri",
16
-
ANNOTATION_HANDLE: "/:handle/annotation/:rkey",
17
-
HIGHLIGHT_HANDLE: "/:handle/highlight/:rkey",
18
-
BOOKMARK_HANDLE: "/:handle/bookmark/:rkey",
19
-
USER_URL: "/:handle/url/*",
20
-
} as const;
···