@commonpub/layer 0.5.2 → 0.5.4

package/components/editors/ProjectEditor.vue

@@ -47,7 +47,7 @@ const blockTypes: BlockTypeGroup[] = [
 ];
 
 const openSections = ref<Record<string, boolean>>({
-  meta: true, tags: true, visibility: true, cover: false, checklist: true,
+  meta: true, tags: true, visibility: true, cover: false, seo: false, checklist: true,
 });
 function toggleSection(key: string): void {
   openSections.value[key] = !openSections.value[key];
@@ -284,6 +284,14 @@ const blockCount = computed(() => props.blockEditor.blocks.value.length);
           </div>
         </EditorsEditorSection>
 
+        <EditorsEditorSection title="SEO" icon="fa-magnifying-glass" :open="openSections.seo" @toggle="toggleSection('seo')">
+          <div class="cpub-pe-field">
+            <label class="cpub-pe-flabel">Meta Description</label>
+            <textarea class="cpub-pe-textarea" rows="3" :value="metadata.seoDescription as string" placeholder="Search engine description (recommended 50-160 chars)" @input="updateMeta('seoDescription', ($event.target as HTMLTextAreaElement).value)" />
+            <span class="cpub-pe-hint">{{ ((metadata.seoDescription as string) || '').length }}/160</span>
+          </div>
+        </EditorsEditorSection>
+
         <EditorsEditorSection title="Checklist" icon="fa-circle-check" :open="openSections.checklist" @toggle="toggleSection('checklist')">
           <div class="cpub-pe-checklist">
             <div v-for="item in checklist" :key="item.label" class="cpub-pe-check-item" :class="{ pass: item.pass }">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -51,14 +51,14 @@
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
     "@commonpub/auth": "0.5.0",
-    "@commonpub/docs": "0.6.0",
     "@commonpub/config": "0.8.0",
+    "@commonpub/docs": "0.6.0",
     "@commonpub/editor": "0.5.0",
-    "@commonpub/explainer": "0.6.2",
-    "@commonpub/schema": "0.8.16",
-    "@commonpub/protocol": "0.9.6",
-    "@commonpub/server": "2.24.0",
+    "@commonpub/explainer": "0.6.4",
     "@commonpub/learning": "0.5.0",
+    "@commonpub/schema": "0.8.17",
+    "@commonpub/protocol": "0.9.6",
+    "@commonpub/server": "2.24.1",
     "@commonpub/ui": "0.8.4"
   },
   "devDependencies": {

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

@@ -111,7 +111,7 @@ async function selectPage(pageId: string): Promise<void> {
 
   // Load properties
   pageSlug.value = page.slug ?? '';
-  pageStatus.value = ((page as Record<string, unknown>).status as 'draft' | 'published') || 'draft';
+  pageStatus.value = ((page as unknown as Record<string, unknown>).status as 'draft' | 'published') || 'draft';
   isDirty.value = false;
   autoSaveStatus.value = 'idle';
 

package/server/api/docs/[siteSlug]/pages/[pageId].get.ts

@@ -20,7 +20,15 @@ export default defineEventHandler(async (event) => {
   if (!page) throw createError({ statusCode: 404, statusMessage: 'Page not found' });
 
   // Handle dual-format content: BlockTuple[] (new) or markdown string (legacy)
-  const content = page.content;
+  // Content is stored as TEXT — JSON arrays come back as strings, need parsing
+  let content: string | unknown[] = page.content ?? '';
+  if (typeof content === 'string' && content.trimStart().startsWith('[')) {
+    try {
+      content = JSON.parse(content);
+    } catch {
+      // Not valid JSON — keep as markdown string
+    }
+  }
 
   if (Array.isArray(content)) {
     // New BlockTuple format — extract text for TOC generation