@plutocms/core 0.39.1 → 0.40.0

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Changelog
 
 
+## [0.40.0](https://github.com/plutocms/pluto/compare/v0.39.2...v0.40.0) (2026-10-31)
+
+
+### Features
+
+* **admin:** navbar menus in the bar color, palette overlay class, nav children with enabled ([#310](https://github.com/plutocms/pluto/issues/310)) ([cec92ac](https://github.com/plutocms/pluto/commit/cec92ac7061fdb8a209d832344328fae8838f826))
+
+## [0.39.2](https://github.com/plutocms/pluto/compare/v0.39.1...v0.39.2) (2026-10-31)
+
+
+### Bug Fixes
+
+* plutoLayer finds the checkout of @plutocms/docs (the renamed nuxt-content layer) ([#306](https://github.com/plutocms/pluto/issues/306)) ([ef9707e](https://github.com/plutocms/pluto/commit/ef9707e551176973c00acd4102fe55a2e5d07c87))
+
 ## [0.39.1](https://github.com/plutocms/pluto/compare/v0.39.0...v0.39.1) (2026-10-31)
 
 

package/README.md

@@ -51,7 +51,7 @@ See [Public API](https://pluto.vulmix.dev/docs/core/public-api).
 | Package                   | What it adds                                                |
 | ------------------------- | ----------------------------------------------------------- |
 | `@plutocms/core`          | The core: the admin, the content model, and the GitHub CMS. |
-| `@plutocms/nuxt-content`  | A visual editor for the pages of a Nuxt Content site.       |
+| `@plutocms/docs`          | A visual editor for the pages of a Nuxt Content site.       |
 | `@plutocms/supabase`      | A Supabase backend: database, auth, users, and roles.       |
 | `@plutocms/supabase-blog` | Blog posts on Supabase.                                     |
 | `@plutocms/supabase-shop` | Products on Supabase.                                       |

package/app/assets/css/pluto-layer.css

@@ -69,12 +69,15 @@
 }
 
 /*
- * The overlay of the admin search (Cmd/Ctrl+K) is darker than the Nuxt UI
- * default and blurs the page under it. The overlay is the sibling just before
- * the modal content, which carries `pluto-admin-search` (app/layouts/admin.vue).
- * Other modals keep the Nuxt UI overlay.
+ * The overlay of a palette (the admin search, Cmd/Ctrl+K, and the palettes of
+ * the layers, such as the block palette) is darker than the Nuxt UI default and
+ * blurs the page under it. The overlay is the sibling just before the modal
+ * content. The content carries `pluto-admin-search` (app/layouts/admin.vue) or
+ * `pluto-palette`: a layer sets `:ui="{ content: 'pluto-palette' }"` on the
+ * `UModal` of its palette. Other modals keep the Nuxt UI overlay.
  */
-:root[data-pluto-admin] [data-slot='overlay']:has(+ .pluto-admin-search) {
+:root[data-pluto-admin]
+  [data-slot='overlay']:has(+ :is(.pluto-admin-search, .pluto-palette)) {
   background-color: oklch(13% 0.03 273 / 0.6);
   backdrop-filter: blur(6px);
 }

package/app/components/Pluto/Admin/PlutoAdminUserMenu.vue

@@ -135,7 +135,11 @@ const portalTarget = usePlutoAdminPortal()
   <div class="h-full">
     <UDropdownMenu
       :items="items"
-      :ui="{ content: 'w-64' }"
+      :content="{ sideOffset: 2 }"
+      :ui="{
+        content: 'w-64 bg-(--pluto-admin-navbar)',
+        arrow: 'fill-(--pluto-admin-navbar)',
+      }"
       :modal="false"
       :portal="portalTarget ?? true"
       :arrow="{ width: 14, height: 7 }"

package/app/components/Pluto/Content/PlutoContentBarActions.vue

@@ -214,10 +214,13 @@ const editButton = computed(() => {
     <UDropdownMenu
       :open="menuOpen"
       :items="newMenuItems"
-      :content="{ align: 'start', onCloseAutoFocus }"
+      :content="{ align: 'start', sideOffset: 2, onCloseAutoFocus }"
       :modal="false"
       :portal="portalTarget ?? true"
-      :ui="{ content: 'min-w-48' }"
+      :ui="{
+        content: 'min-w-48 bg-(--pluto-admin-navbar)',
+        arrow: 'fill-(--pluto-admin-navbar)',
+      }"
       :arrow="{ width: 14, height: 7 }"
       @update:open="onUpdateOpen"
     >

package/app/components/Pluto/Markdown/PlutoMarkdownCodeEditor.vue

@@ -5,7 +5,7 @@ import type { Extension, Range } from '@codemirror/state'
 // headings, links and code. The marks (`**`, `#`, `[`) stay, a little dimmed.
 // The MDC lines get a color: the components (`::name`), the slots (`#title`)
 // and the YAML props. A toolbar has the quick formats, with their shortcuts.
-// The post editor and the page editor of the nuxt-content layer use it.
+// The post editor and the page editor of the docs layer use it.
 //
 // The model value is the Markdown text, as it is: the editor changes only what
 // the author types. `insert`, `focus`, `reveal` and `goToLine` are exposed, and

package/app/components/Pluto/Post/PlutoFieldPostCanvas.vue

@@ -5,7 +5,7 @@ import PlutoPostOutline from './PlutoPostOutline.vue'
 import PlutoPostPreviewFrame from './PlutoPostPreviewFrame.vue'
 
 // The `post-canvas` widget: the body of a post (a Markdown `richtext` field) in the
-// canvas layout of the content form, like the page editor of the nuxt-content layer.
+// canvas layout of the content form, like the page editor of the docs layer.
 //
 // The canvas is a split: the compose panel on the left, the live preview of the site
 // on the right. The compose panel shows one of two editors, and the switch in its

package/app/composables/pluto-admin-nav.ts

@@ -57,14 +57,23 @@ export function usePlutoAdminNav() {
 
   const items = computed<PlutoNavItem[]>(() => {
     const registered = registry.nav.list.value
-    const resolveLabels = (item: PlutoNavItem): PlutoNavItem => ({
-      ...item,
-      label: tx(item.label),
-      children: item.children?.map((child) => ({
-        ...child,
-        label: tx(child.label),
-      })),
-    })
+    // A child with `enabled` shows only when the test passes (for example a
+    // child for admins only). An item with its own `to` and one visible child
+    // stays a plain link, like Settings with one page.
+    const resolveLabels = (item: PlutoNavItem): PlutoNavItem => {
+      const children = item.children
+        ?.filter((child) => child.enabled?.() ?? true)
+        .map((child) => ({
+          ...child,
+          label: tx(child.label),
+        }))
+      return {
+        ...item,
+        label: tx(item.label),
+        children:
+          item.to && children && children.length < 2 ? undefined : children,
+      }
+    }
 
     const isVisible = (type: PlutoContentType): boolean =>
       !type.capabilities?.read || can(type.capabilities.read)

package/app/composables/pluto-admin-portal.ts

@@ -8,12 +8,17 @@
  * The composable makes the element itself. A target that Vue renders can
  * appear after the portal looks for it. Pass `portalTarget ?? true` to the
  * `portal` prop of `UDropdownMenu`.
+ *
+ * The menus look like the bar: the target also carries `data-pluto-admin-dark`
+ * (the dark tokens in both color modes), and a menu sets the bar color
+ * (`bg-(--pluto-admin-navbar)`, also on its arrow) and `sideOffset: 2`.
  */
 export function usePlutoAdminPortal() {
   const portalTarget = shallowRef<HTMLElement>()
   onMounted(() => {
     const el = document.createElement('div')
     el.setAttribute('data-pluto-admin-scope', '')
+    el.setAttribute('data-pluto-admin-dark', '')
     document.body.append(el)
     portalTarget.value = el
   })

package/app/pages/_pluto/post-preview.vue

@@ -16,7 +16,7 @@ useHead({
     { textContent: 'a { pointer-events: none; }' },
     {
       // A thin scrollbar that fits the editor, in both color modes: a gray thumb on no track.
-      // The same as the page preview of the nuxt-content layer.
+      // The same as the page preview of the docs layer.
       textContent: [
         'html { scrollbar-width: thin; scrollbar-color: rgb(128 128 128 / 0.45) transparent; }',
         'html::-webkit-scrollbar { width: 10px; }',

package/layers.ts

@@ -33,7 +33,7 @@ export const PLUTO_LAYER_PATHS: Readonly<Record<string, string>> = {
   supabase: 'supabase',
   'supabase-shop': 'supabase-shop',
   'supabase-blog': 'supabase-blog',
-  'nuxt-content': 'nuxt-content',
+  docs: 'docs',
   '3d': 'pluto/packages/layers/addons/3d',
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plutocms/core",
   "type": "module",
-  "version": "0.39.1",
+  "version": "0.40.0",
   "description": "The base layer every Pluto app extends: the admin, the content model, and the GitHub CMS",
   "author": "Victor Ribeiro",
   "license": "MIT",

package/shared/types/registry.ts

@@ -59,6 +59,8 @@ export interface PlutoNavChild {
   newTo?: string
   /** The text of that "+" (`New <type>`). */
   newLabel?: string
+  /** Reactive visibility test, like `PlutoEntry.enabled`. A child without it shows. */
+  enabled?: () => boolean
 }
 
 export interface PlutoNavItem extends PlutoEntry {

package/shared/utils/preview-path.ts

@@ -3,7 +3,7 @@ export const PLUTO_PREVIEW_PATH = '/_pluto/preview'
 
 /**
  * The path of the post preview that the post editor (`post-canvas`) shows in an iframe. It is not
- * below `PLUTO_PREVIEW_PATH`: the nuxt-content layer has a page there, and a page below it would
+ * below `PLUTO_PREVIEW_PATH`: the docs layer has a page there, and a page below it would
  * be a child route of that page.
  */
 export const PLUTO_POST_PREVIEW_PATH = '/_pluto/post-preview'