@commonpub/layer 0.4.8 → 0.4.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "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/config": "0.8.0",
     "@commonpub/docs": "0.5.2",
+    "@commonpub/auth": "0.5.0",
+    "@commonpub/config": "0.8.0",
     "@commonpub/editor": "0.5.0",
+    "@commonpub/server": "2.22.1",
+    "@commonpub/explainer": "0.5.3",
     "@commonpub/learning": "0.5.0",
-    "@commonpub/explainer": "0.5.2",
-    "@commonpub/schema": "0.8.13",
     "@commonpub/protocol": "0.9.5",
-    "@commonpub/ui": "0.8.4",
-    "@commonpub/server": "2.22.1",
-    "@commonpub/auth": "0.5.0"
+    "@commonpub/schema": "0.8.13",
+    "@commonpub/ui": "0.8.4"
   },
   "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);