@commonpub/layer 0.21.5 → 0.21.7

package/components/CookieConsent.vue

@@ -34,7 +34,7 @@ const visible = computed(() => !hasConsented.value && hasNonEssentialCookies.val
   z-index: var(--z-toast);
   background: var(--surface);
   border-top: var(--border-width-default) solid var(--border);
-  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 -2px 0 var(--border);
 }
 
 .cpub-consent-inner {

package/components/RemoteFollowDialog.vue

@@ -79,14 +79,14 @@ useFocusTrap(dialogRef, () => open.value, close);
 <style scoped>
 .cpub-rfd-overlay {
   position: fixed; inset: 0; z-index: 9999;
-  background: rgba(0, 0, 0, 0.5); display: flex;
+  background: var(--color-surface-overlay, rgba(0, 0, 0, 0.5)); display: flex;
   align-items: center; justify-content: center;
   padding: 16px;
 }
 .cpub-rfd-dialog {
   background: var(--bg); border: var(--border-width-default) solid var(--border);
   width: 100%; max-width: 420px; padding: 24px;
-  box-shadow: 4px 4px 0 var(--shadow);
+  box-shadow: var(--shadow-md);
 }
 .cpub-rfd-header {
   display: flex; align-items: center; justify-content: space-between;

package/components/contest/ContestHero.vue

@@ -139,8 +139,11 @@ const isEnded = computed(() => c.value?.status === 'completed' || c.value?.statu
   --hero-bg: var(--text);
   --hero-text: var(--color-text-inverse);
   --hero-text-dim: var(--text-faint);
-  --hero-border: rgba(255, 255, 255, 0.15);
-  --hero-surface: rgba(255, 255, 255, 0.06);
+  /* Alpha of the hero foreground so the structure lines/surfaces track
+     the inverted hero in both themes (white-on-dark in light mode,
+     dark-on-light in dark mode) instead of vanishing white-on-white. */
+  --hero-border: color-mix(in srgb, var(--hero-text) 18%, transparent);
+  --hero-surface: color-mix(in srgb, var(--hero-text) 7%, transparent);
   position: relative; overflow: hidden; background: var(--hero-bg); padding: 56px 0 48px;
 }
 .cpub-hero-pattern { position: absolute; inset: 0; }

package/components/editors/MarkdownImportDialog.vue

@@ -10,6 +10,9 @@ const emit = defineEmits<{
   import: [md: string, mode: 'append' | 'replace'];
 }>();
 
+const dialogRef = ref<HTMLElement | null>(null);
+useFocusTrap(dialogRef, () => props.show, () => emit('close'));
+
 const activeTab = ref<'paste' | 'file'>('paste');
 const markdownText = ref('');
 const mode = ref<'append' | 'replace'>('append');
@@ -58,9 +61,9 @@ async function readFile(file: File): Promise<void> {
 <template>
   <Teleport to="body">
     <div v-if="show" class="md-import-overlay" @click.self="emit('close')">
-      <div class="md-import-dialog">
+      <div ref="dialogRef" class="md-import-dialog" role="dialog" aria-modal="true" aria-labelledby="md-import-title">
         <div class="md-import-header">
-          <h2><i class="fa-brands fa-markdown"></i> Import Markdown</h2>
+          <h2 id="md-import-title"><i class="fa-brands fa-markdown"></i> Import Markdown</h2>
           <button class="md-import-close" @click="emit('close')"><i class="fa-solid fa-xmark"></i></button>
         </div>
 

package/components/views/ProjectView.vue

@@ -227,7 +227,10 @@ const tocActiveId = ref('');
 function scrollToHeading(id: string): void {
   const el = document.getElementById(id);
   if (el) {
-    el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    // CSS scroll-behavior is reduced-motion-gated in base.css, but the JS
+    // smooth option ignores that — honour the preference explicitly.
+    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    el.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'start' });
     tocActiveId.value = id;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.21.5",
+  "version": "0.21.7",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -50,16 +50,16 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
-    "@commonpub/auth": "0.6.0",
-    "@commonpub/editor": "0.7.9",
     "@commonpub/docs": "0.6.3",
+    "@commonpub/editor": "0.7.9",
+    "@commonpub/explainer": "0.7.13",
     "@commonpub/protocol": "0.9.10",
+    "@commonpub/config": "0.12.0",
     "@commonpub/learning": "0.5.2",
-    "@commonpub/explainer": "0.7.12",
+    "@commonpub/server": "2.53.1",
     "@commonpub/ui": "0.8.5",
-    "@commonpub/server": "2.53.0",
     "@commonpub/schema": "0.16.0",
-    "@commonpub/config": "0.12.0"
+    "@commonpub/auth": "0.6.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/pages/docs/[siteSlug]/edit.vue

@@ -1229,7 +1229,7 @@ async function createVersion(): Promise<void> {
   position: fixed;
   inset: 0;
   z-index: 10000;
-  background: rgba(0, 0, 0, 0.5);
+  background: var(--color-surface-overlay, rgba(0, 0, 0, 0.5));
   display: flex;
   align-items: flex-start;
   justify-content: center;
@@ -1402,7 +1402,7 @@ async function createVersion(): Promise<void> {
 }
 
 .cpub-settings-danger {
-  background: rgba(224, 64, 48, 0.03);
+  background: var(--red-bg);
 }
 
 .cpub-settings-danger .cpub-settings-section-title {
@@ -1410,7 +1410,7 @@ async function createVersion(): Promise<void> {
 }
 
 .cpub-settings-danger-text {
-  font-size: 12px;
+  font-size: var(--text-xs);
   color: var(--text-dim);
   margin-bottom: 10px;
 }

package/server/api/realtime/stream.get.ts

@@ -47,6 +47,23 @@ export default defineEventHandler(async (event) => {
   }
   userConnections.set(userId, current + 1);
 
+  // Decrement exactly once on disconnect. Registered at handler scope (not
+  // inside ReadableStream.start) because start() is invoked lazily when the
+  // runtime begins pulling the stream — if the client aborts before that,
+  // start() never runs and an in-start cleanup would never fire, leaking
+  // the slot permanently and eventually 429-locking the user for the
+  // process lifetime. cleanup() also calls release(); the guard makes it
+  // idempotent so there is no double-decrement.
+  let released = false;
+  const release = (): void => {
+    if (released) return;
+    released = true;
+    const next = (userConnections.get(userId) ?? 1) - 1;
+    if (next <= 0) userConnections.delete(userId);
+    else userConnections.set(userId, next);
+  };
+  event.node.req.on('close', release);
+
   const encoder = new TextEncoder();
   const stream = new ReadableStream({
     async start(controller) {
@@ -65,9 +82,7 @@ export default defineEventHandler(async (event) => {
           unsubscribe = null;
         }
         try { controller.close(); } catch { /* already closed */ }
-        const next = (userConnections.get(userId) ?? 1) - 1;
-        if (next <= 0) userConnections.delete(userId);
-        else userConnections.set(userId, next);
+        release();
       }
 
       async function sendCounts(): Promise<void> {