@commonpub/layer 0.4.9 → 0.4.11

package/components/views/ExplainerView.vue

@@ -10,14 +10,14 @@ const props = defineProps<{
   federatedId?: string;
 }>();
 
-// Detect V2 ExplainerDocument format vs legacy BlockTuple[] format
-const isV2Format = computed(() => isExplainerDocument(props.content?.content));
-const v2Document = computed<ExplainerDocument | null>(() =>
-  isV2Format.value ? (props.content.content as unknown as ExplainerDocument) : null,
+// Check if content is the new ExplainerDocument format
+const isDocumentFormat = computed(() => isExplainerDocument(props.content?.content));
+const explainerDoc = computed<ExplainerDocument | null>(() =>
+  isDocumentFormat.value ? (props.content.content as unknown as ExplainerDocument) : null,
 );
 
 const blocks = computed<BlockTuple[]>(() => {
-  if (isV2Format.value) return []; // V2 uses its own viewer
+  if (isDocumentFormat.value) return [];
   const raw = props.content?.content;
   if (!Array.isArray(raw)) return [];
   return raw as BlockTuple[];
@@ -164,10 +164,10 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
 </script>
 
 <template>
-  <!-- V2 Scroll Viewer for ExplainerDocument format -->
-  <ScrollViewer v-if="isV2Format && v2Document" :document="v2Document" />
+  <!-- Scroll viewer for ExplainerDocument format -->
+  <ScrollViewer v-if="isDocumentFormat && explainerDoc" :document="explainerDoc" />
 
-  <!-- Legacy slide-deck viewer for BlockTuple[] format -->
+  <!-- Block-based viewer fallback -->
   <div v-else class="cpub-explainer-view">
     <!-- PROGRESS BAR -->
     <div class="cpub-progress-line">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.4.9",
+  "version": "0.4.11",
   "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/editor": "0.5.0",
-    "@commonpub/schema": "0.8.13",
-    "@commonpub/explainer": "0.5.3",
     "@commonpub/auth": "0.5.0",
+    "@commonpub/editor": "0.5.0",
     "@commonpub/learning": "0.5.0",
-    "@commonpub/docs": "0.5.2",
+    "@commonpub/schema": "0.8.14",
     "@commonpub/config": "0.8.0",
+    "@commonpub/explainer": "0.5.3",
+    "@commonpub/docs": "0.5.2",
     "@commonpub/ui": "0.8.4",
-    "@commonpub/protocol": "0.9.5",
-    "@commonpub/server": "2.22.1"
+    "@commonpub/server": "2.23.0",
+    "@commonpub/protocol": "0.9.5"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

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

@@ -9,9 +9,9 @@ const pagePath = computed(() => {
   return Array.isArray(p) ? p[p.length - 1] : p;
 });
 
-const { data: site } = useLazyFetch(() => `/api/docs/${siteSlug.value}`);
-const { data: nav } = useLazyFetch(() => `/api/docs/${siteSlug.value}/nav`);
-const { data: pages } = useLazyFetch(() => `/api/docs/${siteSlug.value}/pages`);
+const { data: site } = useLazyFetch<{ id: string; name: string; slug: string; description: string; ownerId: string; versions: Array<{ id: string; label: string; slug: string; version: string; isDefault: boolean }> }>(() => `/api/docs/${siteSlug.value}`);
+const { data: nav } = useLazyFetch<Array<{ id: string; title: string; slug: string; sortOrder: number; parentId: string | null }>>(() => `/api/docs/${siteSlug.value}/nav`);
+const { data: pages } = useLazyFetch<Array<{ id: string; title: string; slug: string; sortOrder: number; parentId: string | null }>>(() => `/api/docs/${siteSlug.value}/pages`);
 
 // Fetch the rendered page (server-side markdown rendering or block content)
 interface RenderedPage {

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

@@ -10,8 +10,8 @@ const siteSlug = computed(() => route.params.siteSlug as string);
 const { show: toast } = useToast();
 
 // ═══ DATA FETCHING ═══
-const { data: site, refresh: refreshSite } = await useFetch(() => `/api/docs/${siteSlug.value}`);
-const { data: rawPages, refresh: refreshPages } = await useFetch(() => `/api/docs/${siteSlug.value}/pages`);
+const { data: site, refresh: refreshSite } = await useFetch<{ id: string; name: string; slug: string; description: string; ownerId: string }>(() => `/api/docs/${siteSlug.value}`);
+const { data: rawPages, refresh: refreshPages } = await useFetch<Array<{ id: string; title: string; slug: string; sortOrder: number; parentId: string | null; content: string | BlockTuple[] | null; format?: string }>>(() => `/api/docs/${siteSlug.value}/pages`);
 
 useSeoMeta({ title: () => `Edit ${site.value?.name ?? 'Docs'} — ${useSiteName()}` });
 
@@ -512,7 +512,7 @@ async function createVersion(): Promise<void> {
           <div class="cpub-docs-field">
             <label class="cpub-docs-field-label">Parent</label>
             <div class="cpub-docs-field-value">
-              {{ selectedPage.parentId ? pages.find(p => p.id === selectedPage.parentId)?.title ?? 'Unknown' : 'Top level' }}
+              {{ selectedPage?.parentId ? pages.find(p => p.id === selectedPage!.parentId)?.title ?? 'Unknown' : 'Top level' }}
             </div>
             <span class="cpub-docs-field-hint">Drag pages in the tree to change hierarchy</span>
           </div>

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

@@ -2,9 +2,9 @@
 const route = useRoute();
 const siteSlug = computed(() => route.params.siteSlug as string);
 
-const { data: site, pending: sitePending, error: siteError, refresh: refreshSite } = useLazyFetch(() => `/api/docs/${siteSlug.value}`);
-const { data: nav } = useLazyFetch(() => `/api/docs/${siteSlug.value}/nav`);
-const { data: pages } = useLazyFetch(() => `/api/docs/${siteSlug.value}/pages`);
+const { data: site, pending: sitePending, error: siteError, refresh: refreshSite } = useLazyFetch<{ id: string; name: string; slug: string; description: string; ownerId: string; versions: Array<{ id: string; label: string; slug: string; version: string; isDefault: boolean }> }>(() => `/api/docs/${siteSlug.value}`);
+const { data: nav } = useLazyFetch<Array<{ id: string; title: string; slug: string; sortOrder: number; parentId: string | null }>>(() => `/api/docs/${siteSlug.value}/nav`);
+const { data: pages } = useLazyFetch<Array<{ id: string; title: string; slug: string; sortOrder: number; parentId: string | null }>>(() => `/api/docs/${siteSlug.value}/pages`);
 
 const { user } = useAuth();
 const isOwner = computed(() => site.value && user.value && site.value.ownerId === user.value.id);

package/pages/settings/profile.vue

@@ -170,9 +170,9 @@ async function handleSave(): Promise<void> {
       method: 'PUT',
       body: {
         ...form.value,
-        skills: skills.value.filter((s) => s.name.trim()),
-        socialLinks: socialLinks.value,
+        skills: skills.value.filter((s) => s.name.trim()).map((s) => s.name),
         experience: experience.value.filter((e) => e.title.trim()),
+        socialLinks: socialLinks.value,
         ...(emailNotificationsEnabled.value ? { emailNotifications: emailNotifications.value } : {}),
       },
     });