@commonpub/layer 0.9.0 → 0.9.2

package/components/blocks/BlockCheckpointView.vue

@@ -18,7 +18,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="cpub-block-checkpoint" :class="{ visible: completed }">
+  <div class="cpub-block-checkpoint" :class="{ visible: completed }" role="status" aria-live="polite" aria-atomic="true">
     <i class="fa-solid fa-circle-check"></i>
     <span class="cpub-checkpoint-text">{{ label }}</span>
   </div>

package/components/blocks/BlockQuizView.vue

@@ -77,7 +77,7 @@ function optionClass(idx: number): string {
         </button>
       </div>
 
-      <div v-if="answered" class="cpub-quiz-feedback" :class="isCorrect ? 'correct' : 'wrong'">
+      <div v-if="answered" class="cpub-quiz-feedback" :class="isCorrect ? 'correct' : 'wrong'" role="status" aria-live="polite" aria-atomic="true">
         <i :class="isCorrect ? 'fa-solid fa-circle-check' : 'fa-solid fa-circle-xmark'"></i>
         <span>{{ isCorrect ? 'Correct!' : 'Not quite — the correct answer is highlighted above.' }}</span>
       </div>

package/components/views/ExplainerView.vue

@@ -147,6 +147,14 @@ watch(activeSection, () => {
   // Scroll section viewport to top on section change
   const viewport = document.querySelector('.cpub-section-viewport');
   if (viewport) viewport.scrollTop = 0;
+  // Focus section heading for screen reader announcement
+  nextTick(() => {
+    const heading = viewport?.querySelector('h1, h2, h3') as HTMLElement | null;
+    if (heading) {
+      heading.setAttribute('tabindex', '-1');
+      heading.focus();
+    }
+  });
 });
 
 // Current section data

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -29,8 +29,8 @@
   "dependencies": {
     "@aws-sdk/client-s3": "^3.1010.0",
     "@commonpub/explainer": "^0.7.11",
-    "@commonpub/schema": "^0.9.11",
-    "@commonpub/server": "^2.29.1",
+    "@commonpub/schema": "^0.9.13",
+    "@commonpub/server": "^2.31.0",
     "@tiptap/core": "^2.11.0",
     "@tiptap/extension-bold": "^2.11.0",
     "@tiptap/extension-bullet-list": "^2.11.0",
@@ -53,8 +53,8 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
-    "@commonpub/config": "0.9.1",
     "@commonpub/auth": "0.5.1",
+    "@commonpub/config": "0.9.1",
     "@commonpub/docs": "0.6.2",
     "@commonpub/editor": "0.7.9",
     "@commonpub/learning": "0.5.0",

package/pages/settings/notifications.vue

@@ -4,41 +4,39 @@ definePageMeta({ middleware: 'auth' });
 const { show: toast } = useToast();
 const saving = ref(false);
 
-const prefs = ref({
-  emailLikes: true,
-  emailComments: true,
-  emailFollows: true,
-  emailMentions: true,
-  emailDigest: false,
-});
+const likes = ref(true);
+const comments = ref(true);
+const follows = ref(true);
+const mentions = ref(true);
+const digest = ref<'none' | 'daily' | 'weekly'>('none');
 
 // Load current preferences from profile
 import type { Serialized, UserProfile } from '@commonpub/server';
 
-const { data: profile, pending } = await useFetch<Serialized<UserProfile> & { notificationPrefs?: Record<string, boolean> }>('/api/profile');
-if (profile.value?.notificationPrefs) {
-  const saved = profile.value.notificationPrefs;
-  for (const key of Object.keys(prefs.value)) {
-    if (key in saved) {
-      (prefs.value as Record<string, boolean>)[key] = saved[key];
-    }
-  }
+const { data: profile, pending } = await useFetch<Serialized<UserProfile> & { emailNotifications?: { digest?: string; likes?: boolean; comments?: boolean; follows?: boolean; mentions?: boolean } }>('/api/profile');
+if (profile.value?.emailNotifications) {
+  const saved = profile.value.emailNotifications;
+  if (saved.likes !== undefined) likes.value = saved.likes;
+  if (saved.comments !== undefined) comments.value = saved.comments;
+  if (saved.follows !== undefined) follows.value = saved.follows;
+  if (saved.mentions !== undefined) mentions.value = saved.mentions;
+  if (saved.digest) digest.value = saved.digest as 'none' | 'daily' | 'weekly';
 }
 
-const labels: Record<string, string> = {
-  emailLikes: 'Email when someone likes your content',
-  emailComments: 'Email when someone comments on your content',
-  emailFollows: 'Email when someone follows you',
-  emailMentions: 'Email when someone mentions you',
-  emailDigest: 'Weekly digest email',
-};
-
 async function handleSave(): Promise<void> {
   saving.value = true;
   try {
     await $fetch('/api/profile', {
       method: 'PUT',
-      body: { notificationPrefs: prefs.value },
+      body: {
+        emailNotifications: {
+          likes: likes.value,
+          comments: comments.value,
+          follows: follows.value,
+          mentions: mentions.value,
+          digest: digest.value,
+        },
+      },
     });
     toast('Preferences saved', 'success');
   } catch (err: unknown) {
@@ -59,11 +57,32 @@ async function handleSave(): Promise<void> {
     </div>
 
     <template v-else>
-    <div v-for="(val, key) in prefs" :key="key" style="margin-bottom: 12px">
-      <label class="cpub-checkbox">
-        <input type="checkbox" v-model="prefs[key as keyof typeof prefs]" />
-        {{ labels[key] || key }}
-      </label>
+    <div class="cpub-prefs-section">
+      <h3 class="cpub-section-subtitle">Email Notifications</h3>
+      <div class="cpub-pref-row">
+        <label class="cpub-checkbox"><input type="checkbox" v-model="likes" /> Email when someone likes your content</label>
+      </div>
+      <div class="cpub-pref-row">
+        <label class="cpub-checkbox"><input type="checkbox" v-model="comments" /> Email when someone comments on your content</label>
+      </div>
+      <div class="cpub-pref-row">
+        <label class="cpub-checkbox"><input type="checkbox" v-model="follows" /> Email when someone follows you</label>
+      </div>
+      <div class="cpub-pref-row">
+        <label class="cpub-checkbox"><input type="checkbox" v-model="mentions" /> Email when someone mentions you</label>
+      </div>
+    </div>
+
+    <div class="cpub-prefs-section">
+      <h3 class="cpub-section-subtitle">Digest</h3>
+      <div class="cpub-pref-row">
+        <label for="digest-select">Summary email frequency</label>
+        <select id="digest-select" v-model="digest" class="cpub-input" style="max-width: 200px;">
+          <option value="none">None</option>
+          <option value="daily">Daily (8am UTC)</option>
+          <option value="weekly">Weekly (Monday 8am UTC)</option>
+        </select>
+      </div>
     </div>
 
     <button class="cpub-btn cpub-btn-primary cpub-btn-sm" style="margin-top: 16px" :disabled="saving" @click="handleSave">
@@ -72,3 +91,9 @@ async function handleSave(): Promise<void> {
     </template>
   </div>
 </template>
+
+<style scoped>
+.cpub-prefs-section { margin-bottom: 24px; }
+.cpub-section-subtitle { font-size: 13px; font-weight: 700; margin-bottom: 12px; color: var(--text); }
+.cpub-pref-row { margin-bottom: 10px; }
+</style>

package/server/api/admin/search/reindex.post.ts

@@ -0,0 +1,56 @@
+import { indexContent, configureContentIndex } from '@commonpub/server';
+import { contentItems } from '@commonpub/schema';
+import { eq } from 'drizzle-orm';
+import type { MeiliClient } from '@commonpub/server';
+
+/**
+ * Rebuild the entire Meilisearch content index.
+ * Iterates all published content and re-indexes each item.
+ * Requires admin role. Rate-limited to prevent abuse.
+ */
+export default defineEventHandler(async (event) => {
+  const user = requireAuth(event);
+  requireAdmin(event);
+
+  const meiliUrl = process.env.MEILI_URL;
+  const meiliKey = process.env.MEILI_MASTER_KEY;
+  if (!meiliUrl) {
+    throw createError({ statusCode: 400, statusMessage: 'Meilisearch not configured' });
+  }
+
+  const db = useDB();
+
+  let client: MeiliClient;
+  try {
+    const { MeiliSearch } = await import('meilisearch');
+    client = new MeiliSearch({ host: meiliUrl, apiKey: meiliKey }) as unknown as MeiliClient;
+    await configureContentIndex(client);
+  } catch (err) {
+    throw createError({ statusCode: 503, statusMessage: 'Failed to connect to Meilisearch' });
+  }
+
+  // Fetch all published content IDs
+  const published = await db
+    .select({ id: contentItems.id })
+    .from(contentItems)
+    .where(eq(contentItems.status, 'published'));
+
+  let indexed = 0;
+  let errors = 0;
+
+  for (const item of published) {
+    try {
+      await indexContent(db, item.id, client);
+      indexed++;
+    } catch {
+      errors++;
+    }
+  }
+
+  return {
+    success: true,
+    indexed,
+    errors,
+    total: published.length,
+  };
+});