customizeable per-app lexicon names and links

atproto-notifications/package-lock.json

···
       "dependencies": {
         "@atcute/identity-resolver": "^1.1.3",
         "@uidotdev/usehooks": "^2.4.1",
+        "lexicons": "file:../lexicons",
         "psl": "^1.15.0",
         "react": "^19.1.0",
         "react-dom": "^19.1.0"
···
         "typescript-eslint": "^8.34.1",
         "vite": "^7.0.0"
       }
+    },
+    "../lexicons": {
+      "version": "0.0.1"
     },
     "node_modules/@ampproject/remapping": {
       "version": "2.3.0",
···
       "engines": {
         "node": ">= 0.8.0"
       }
+    },
+    "node_modules/lexicons": {
+      "resolved": "../lexicons",
+      "link": true
     },
     "node_modules/locate-path": {
       "version": "6.0.0",

atproto-notifications/package.json

···
   "dependencies": {
     "@atcute/identity-resolver": "^1.1.3",
     "@uidotdev/usehooks": "^2.4.1",
+    "lexicons": "file:../lexicons",
     "psl": "^1.15.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"

atproto-notifications/src/App.tsx

···
 import { urlBase64ToUint8Array } from './utils';
 import './App.css'
 
+import lexicons from 'lexicons';
+
 const Problem = ({ children }) => (
   <div className="problem">
     <p>Sorry, {children}</p>

atproto-notifications/src/db.ts

···
       count.unread += 1;
       store.put(count, key);
     };
-    const req = tx.objectStore(s).get(s === 'all' ? s : notif[s]);
   }
 
   return new Promise((resolve, reject) => {

atproto-notifications/src/service-worker.ts

···
 import psl from 'psl';
+import lexicons from 'lexicons';
 import { resolveDid } from './atproto/resolve';
 import { insertNotification } from './db';
 
···
 
 async function handlePush(ev) {
   const { subject, source, source_record } = ev.data.json();
-
-  let icon;
-  if (source.startsWith('app.bsky')) icon = '/icons/app.bsky.png';
-
-  let title = {
-    'app.bsky.graph.follow:subject': 'New follow',
-    'app.bsky.feed.like:subject.uri': 'New like 💜',
-  }[source] ?? source;
+  let group;
+  let app;
+  let appPrefix;
+  try {
+    const [nsid, ...rp] = source.split(':');
+    const parts = nsid.split('.');
+    group = parts.slice(0, parts.length - 1).join('.') ?? 'unknown';
+    const unreversed = parts.toReversed().join('.');
+    app = psl.parse(unreversed)?.domain ?? 'unknown';
+    appPrefix = app.split('.').toReversed().join('.');
+  } catch (e) {
+    console.error('getting top app failed', e);
+  }
 
   let handle = 'unknown';
   let source_did;
···
     }
   }
 
+  // TODO: user pref for alt client -> prefer that client's icon
+  const lex = lexicons[appPrefix];
+  const icon = lex?.clients[0]?.icon;
+  console.log('app', app, 'lex', lex, lexicons);
+  const title = lex?.known_sources[source.slice(app.length + 1)] ?? source;
+  const body = `from @${handle} on ${lex?.name ?? app}`;
+
   // const tag = 'simple-push-demo-notification-tag';
   // TODO: resubscribe to notifs to try to stay alive
 
-  let group;
-  let app;
-  try {
-    const [nsid, ...rp] = source.split(':');
-    const parts = nsid.split('.');
-    group = parts.slice(0, parts.length - 1).join('.') ?? 'unknown';
-    const unreversed = parts.toReversed().join('.');
-    app = psl.parse(unreversed)?.domain ?? 'unknown';
-  } catch (e) {
-    console.error('getting top app failed', e);
-  }
-
   try {
     await insertNotification({
       subject,
···
 
   new BroadcastChannel('notif').postMessage('heyyy');
 
-  const notification = self.registration.showNotification(title, {
-    icon,
-    body: `from @${handle}`,
-  });
-
+  const notification = self.registration.showNotification(title, { icon, body });
   ev.waitUntil(notification);
 }
 

lexicons/index.js

···
+export default {
+  'app.bsky': {
+    name: 'Bluesky',
+    clients: [
+      {
+        app_name: 'Bluesky Social',
+        canonical: true,
+        main: 'https://bsky.app',
+        icon: '/icons/app.bsky.png',
+        notifications: 'https://bsky.app/notifications',
+        direct_links: {
+          'at_uri:feed.post': 'https://bsky.app/profile/{did}/post/{rkey}',
+          'did': 'https://bsky.app/profile/{did}',
+        },
+      },
+      {
+        app_name: 'Deer Social',
+        main: 'https://deer.social',
+        notifications: 'https://deer.social/notifications',
+        direct_links: {
+          'at_uri:feed.post': 'https://deer.social/profile/{did}/post/{rkey}',
+          'did': 'https://deer.social/profile/{did}',
+        },
+      },
+    ],
+    known_sources: {
+      'graph.follow:subject': 'Follow',
+      'graph.verification:subject': 'Verification ✅',
+      'feed.like:subject.uri': 'Like 💜',
+      'feed.like:via.uri': 'Repost like',
+      'feed.post:reply.parent.uri': 'Reply',
+      'feed.post:reply.root.uri': 'Reply in thread',
+      'feed.post:embed.record.uri': 'Quote',
+      'feed.post:embed.record.record.uri': 'Quote', // with media
+      'feed.post:facets[app.bsky.richtext.facet].features[app.bsky.richtext.facet#mention].did': 'Mention',
+      'feed.repost:subject.uri': 'Repost',
+      'feed.repost:via.uri': 'Repost repost',
+    },
+    torment_sources: {
+      'graph.block:subject': null,
+      'graph.listitem:subject': null, // we are never ever building listifications
+      'graph.listblock:subject': null, // "subscribed to your blocklist?" idk
+      'feed.threadgate:hiddenReplies[]': null,
+      'feed.postgate:detachedEmbeddingUris[]': null,
+    },
+  },
+  'pub.leaflet': {
+    name: 'Leaflet',
+    clients: [
+      {
+        'app_name': 'leaflet.pub',
+        canonical: true,
+        icon: '/icons/pub.leaflet.jpg',
+        main: 'https://leaflet.pub/home',
+      }
+    ],
+    known_sources: {
+      'graph.subscription:publication:': 'Subscription',
+    },
+  },
+  'sh.tangled': {
+    name: 'Tangled',
+    clients: [
+      {
+        'app_name': 'Tangled',
+        canonical: true,
+        icon: '/icons/sh.tangled.jpg',
+        main: 'https://tangled.sh',
+      }
+    ],
+    known_sources: {
+      'feed.star:subject': 'Star',
+      'feed.reaction:subject': 'Reaction',
+      'graph.follow:subject': 'Follow',
+      'actor.profile:pinnedRepositories[]': 'Pinned repo',
+      'repo.issue.comment:issue': 'Issue comment',
+      'repo.issue.comment:owner': 'Issue comment',
+      'repo.issue.comment:repo': 'Issue comment',
+      'repo.pull:targetRepo': 'Pull',
+      'repo.pull.comment:owner': 'Pull comment',
+      'repo.pull.comment:pull': 'Pull comment',
+      'repo.pull.comment:repo': 'Pull comment',
+      'knot.member:subject': 'Knot member',
+      'spindle.member:subject': 'Spindle member',
+    },
+  },
+  'com.shinolabs': { // TODO: this app isn't exactly tld+1
+    name: 'Pinksea',
+    clients: [
+      {
+        'app_name': 'Pinksea',
+        canonical: true,
+        icon: '/icons/com.shinolabs.jpg',
+        main: 'https://pinksea.art',
+      },
+    ],
+    known_sources: {
+      'pinksea.oekaki:inResponseTo.uri': 'Response',
+    },
+  },
+  'place.stream': {
+    name: 'Streamplace',
+    clients: [
+      {
+        app_name: 'Streamplace',
+        canonical: true,
+        icon: '/icons/place.stream.png',
+        main: 'https://stream.place',
+      },
+    ],
+    known_sources: {
+      'chat.message:streamer': 'Message',
+      'key:signingKey': 'Signing key',
+    },
+  },
+  'so.sprk': {
+    name: 'Spark',
+    clients: [
+      {
+        app_name: 'Spark',
+        canonical: true,
+        icon: '/icons/so.sprk.png',
+        main: 'https://spark.so',
+      },
+    ],
+    known_sources: {
+      'feed.like:subject.uri': 'Like',
+      // it's not actually clear to me if *all* the bsky sources were copied for sprk posts or not
+      'feed.post:reply.parent.uri': 'Reply',
+      'feed.post:reply.root.uri': 'Reply in thread',
+      'feed.post:embed.record.uri': 'Quote',
+      'feed.post:embed.record.record.uri': 'Quote', // with media
+      'feed.post:facets[app.bsky.richtext.facet].features[app.bsky.richtext.facet#mention].did': 'Mention',
+    },
+  },
+  'events.smokesignal': {
+    name: 'Smoke Signal',
+    clients: [
+      {
+        app_name: 'Smoke Signal',
+        canonical: true,
+        icon: '/icons/events.smokesignal.png',
+        main: 'https://smokesignal.events',
+      },
+    ],
+    known_sources: {
+      'calendar.rsvp:subject.uri': 'RSVP',
+    },
+  },
+  'app.popsky': {
+    name: 'Popsky',
+    clients: [
+      {
+        app_name: 'Popsky',
+        canonical: true,
+        icon: '/icons/app.popsky.png',
+        main: 'https://popsky.social',
+      },
+    ],
+    known_sources: {
+      'like:subjectUri': 'Like',
+      'comment:subjectUri': 'Comment',
+    },
+  },
+};

lexicons/package.json

···
+{
+  "name": "lexicons",
+  "version": "0.0.1",
+  "description": "info about atproto apps",
+  "main": "index.js",
+  "scripts": {},
+  "author": ""
+}