@commonpub/layer 0.37.0 → 0.39.0

package/components/contest/ContestHero.vue

@@ -61,18 +61,7 @@ const isEnded = computed(() => c.value?.status === 'completed' || c.value?.statu
 const tagline = computed<string>(() => {
   const sub = (c.value?.subheading ?? '').trim();
   if (sub) return sub;
-  const d = (c.value?.description ?? '').trim();
-  if (!d) return 'No description available.';
-  return d
-    .replace(/```[\s\S]*?```/g, ' ')
-    .replace(/`([^`]*)`/g, '$1')
-    .replace(/!\[[^\]]*\]\([^)]*\)/g, ' ')
-    .replace(/\[([^\]]+)\]\([^)]*\)/g, '$1')
-    .replace(/^#{1,6}\s+/gm, '')
-    .replace(/^\s*[-*+>]\s+/gm, '')
-    .replace(/(\*\*|__|~~|\*|_)/g, '')
-    .replace(/\s+/g, ' ')
-    .trim();
+  return markdownToExcerpt(c.value?.description) || 'No description available.';
 });
 </script>
 

package/components/contest/ContestRules.vue

@@ -27,8 +27,4 @@ defineProps<{
 .cpub-sec-head h2 { font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
 
 .cpub-rules-card { background: var(--surface); border: var(--border-width-default) solid var(--border); border-radius: var(--radius); padding: 20px; margin-bottom: 20px; box-shadow: var(--shadow-md); }
-.cpub-rules-list { padding-left: 20px; margin: 0; }
-.cpub-rule-item { font-size: 12px; color: var(--text-dim); line-height: 1.7; margin-bottom: 6px; }
-.cpub-rule-item:last-child { margin-bottom: 0; }
-.cpub-rules-text { font-size: 12px; color: var(--text-dim); line-height: 1.7; white-space: pre-line; }
 </style>

package/components/homepage/ContestsSection.vue

@@ -10,12 +10,19 @@ const { data: contests } = await useFetch('/api/contests', {
   query: computed(() => ({ limit: limit.value, status: 'active' })),
   lazy: true,
 });
+
+// Dedupe against the hero: if the hero is already showing an active contest as a
+// full callout, don't repeat it here. Other active contests still list.
+const heroContestId = useState<string | null>('cpub:hero-contest-id', () => null);
+const visibleContests = computed(() =>
+  (contests.value?.items ?? []).filter((c: { id: string }) => c.id !== heroContestId.value),
+);
 </script>
 
 <template>
-  <div v-if="contests?.items?.length" class="cpub-sb-card">
+  <div v-if="visibleContests.length" class="cpub-sb-card">
     <div class="cpub-sb-head">Active Contests <NuxtLink to="/contests">View all</NuxtLink></div>
-    <div v-for="c in contests.items" :key="c.id" class="cpub-contest-item">
+    <div v-for="c in visibleContests" :key="c.id" class="cpub-contest-item">
       <NuxtLink :to="`/contests/${c.slug}`" class="cpub-contest-name">{{ c.title }}</NuxtLink>
       <div class="cpub-contest-row">
         <span class="cpub-contest-entries">{{ c.entryCount ?? 0 }} entries</span>

package/components/homepage/HeroSection.vue

@@ -85,6 +85,15 @@ const heroDismissed = useState('cpub:hero-dismissed', () => false);
 function dismissHero(): void {
   heroDismissed.value = true;
 }
+
+// Publish the contest the hero is currently showing so the sidebar "Active
+// Contests" widget can DEDUPE it (no point showing the same contest twice — the
+// hero is already a full callout). Null when the hero isn't showing one.
+const heroContestId = useState<string | null>('cpub:hero-contest-id', () => null);
+watchEffect(() => {
+  const shown = contestsEnabled.value && !!activeContest.value && !heroDismissed.value;
+  heroContestId.value = shown ? ((activeContest.value as { id?: string }).id ?? null) : null;
+});
 </script>
 
 <template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.37.0",
+  "version": "0.39.0",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -54,15 +54,15 @@
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
     "@commonpub/auth": "0.7.0",
-    "@commonpub/explainer": "0.7.15",
     "@commonpub/docs": "0.6.3",
-    "@commonpub/editor": "0.7.11",
     "@commonpub/config": "0.16.0",
-    "@commonpub/schema": "0.24.0",
+    "@commonpub/editor": "0.7.11",
     "@commonpub/learning": "0.5.2",
+    "@commonpub/protocol": "0.12.0",
+    "@commonpub/explainer": "0.7.15",
+    "@commonpub/schema": "0.24.0",
     "@commonpub/ui": "0.9.1",
-    "@commonpub/server": "2.67.0",
-    "@commonpub/protocol": "0.12.0"
+    "@commonpub/server": "2.67.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/pages/contests/index.vue

@@ -9,18 +9,7 @@ const { isAuthenticated, isAdmin, user } = useAuth();
 // cards never dump a raw `## ...` wall.
 function cardBlurb(c: { subheading?: string | null; description?: string | null }): string {
   if (c.subheading?.trim()) return c.subheading.trim();
-  const d = (c.description ?? '').trim();
-  if (!d) return '';
-  return d
-    .replace(/```[\s\S]*?```/g, ' ')
-    .replace(/`([^`]*)`/g, '$1')
-    .replace(/!\[[^\]]*\]\([^)]*\)/g, ' ')
-    .replace(/\[([^\]]+)\]\([^)]*\)/g, '$1')
-    .replace(/^#{1,6}\s+/gm, '')
-    .replace(/^\s*[-*+>]\s+/gm, '')
-    .replace(/(\*\*|__|~~|\*|_)/g, '')
-    .replace(/\s+/g, ' ')
-    .trim();
+  return markdownToExcerpt(c.description);
 }
 
 const config = useRuntimeConfig();

package/utils/markdownExcerpt.ts

@@ -0,0 +1,26 @@
+/**
+ * Strip Markdown (and the inline-HTML-ish bits we author) down to clean,
+ * single-line plain text suitable for a CSS-clamped excerpt.
+ *
+ * Used wherever we want a short tagline/blurb from a (possibly long) Markdown
+ * description without dumping a raw `## ...` / fenced-code wall into the UI —
+ * the contest hero tagline and the contest listing card blurb both share this.
+ * The full formatted description still renders through the Markdown pipeline
+ * elsewhere; this is purely for the truncated preview.
+ *
+ * Returns `''` for empty/whitespace input.
+ */
+export function markdownToExcerpt(raw: string | null | undefined): string {
+  const d = (raw ?? '').trim();
+  if (!d) return '';
+  return d
+    .replace(/```[\s\S]*?```/g, ' ')
+    .replace(/`([^`]*)`/g, '$1')
+    .replace(/!\[[^\]]*\]\([^)]*\)/g, ' ')
+    .replace(/\[([^\]]+)\]\([^)]*\)/g, '$1')
+    .replace(/^#{1,6}\s+/gm, '')
+    .replace(/^\s*[-*+>]\s+/gm, '')
+    .replace(/(\*\*|__|~~|\*|_)/g, '')
+    .replace(/\s+/g, ' ')
+    .trim();
+}