@plutocms/supabase 0.20.0 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [0.22.0](https://github.com/plutocms/supabase/compare/v0.21.0...v0.22.0) (2026-11-02)
+
+
+### Features
+
+* the admin navbar shows the Supabase backend, with the project and a dashboard link ([#190](https://github.com/plutocms/supabase/issues/190)) ([2b8de9f](https://github.com/plutocms/supabase/commit/2b8de9f500a71a2afeb65fe97d66be41dac2eed2))
+
+## [0.21.0](https://github.com/plutocms/supabase/compare/v0.20.0...v0.21.0) (2026-10-31)
+
+
+### Features
+
+* the supabase repo holds the Supabase integration (supabase, supabase-shop, supabase-blog) ([0da28ef](https://github.com/plutocms/supabase/commit/0da28ef93d4882076a3750822f011de9714156d7))
+* the supabase repo holds the Supabase integration (supabase, supabase-shop, supabase-blog) ([ab50f47](https://github.com/plutocms/supabase/commit/ab50f4779a8fb77f61a43f4db9efcd4314ae59ec))
+
+
+### Bug Fixes
+
+* apps that extend the layer no longer get the ESLint module or an install script ([#151](https://github.com/plutocms/supabase/issues/151)) ([818bf93](https://github.com/plutocms/supabase/commit/818bf93a44cea01e6a1b237ace33a325f45de590))
+* **deps:** ensure @plutocms/pluto ^0.10.0 range is published ([#67](https://github.com/plutocms/supabase/issues/67)) ([ed45ad3](https://github.com/plutocms/supabase/commit/ed45ad3a5b1ed4c4990a2272c48571c5e8eb5a92))
+
 ## [0.20.0](https://github.com/plutocms/supabase/compare/v0.19.0...v0.20.0) (2026-10-31)
 
 

package/FEATURES.md

@@ -19,7 +19,8 @@ policies shared by every project here.
   filters, puts the timestamps on items, and reads the public API of core with an anonymous client.
   @.claude/skills/content-adapter/SKILL.md
 - Auth driver: plugs Supabase sign-in into the admin shell that pluto core owns (navbar, sign-in
-  page, route guard), and keeps the setup guard in the driver.
+  page, route guard), keeps the setup guard in the driver, and registers the backend badge
+  ("Database · Supabase", with the project and a dashboard link).
   @.claude/skills/auth-driver/SKILL.md
 - Profile language: stores each user's admin language in `profiles.locale`, written through a
   security-definer function, and plugs it into pluto's i18n as a locale driver.

package/README.md

@@ -26,7 +26,7 @@ npm i @plutocms/supabase
 ```ts
 // nuxt.config.ts
 export default defineNuxtConfig({
-  extends: [['@plutocms/supabase', { install: true }]],
+  extends: ['@plutocms/supabase'],
 })
 ```
 
@@ -116,7 +116,7 @@ a page of another site cannot call them. A failure is an HTTP error with a trans
 
 The public content of the Supabase layers is read through the public API of core,
 `GET /api/pluto/v1/content/<type>` (and `/<id or slug>`). See
-[the public API](https://pluto.vulmix.dev/docs/core/public-api). The routes are anonymous. This layer
+[the public API](https://pluto.vulmix.dev/docs/build/public-api). The routes are anonymous. This layer
 reads for them with an anon client that has no user session, so Row Level Security applies as for
 an anonymous visitor, and the answer is the same for everyone. A CDN can cache it. The adapter
 never uses the service role key for a read. The adapter also supports the `filters` of a public
@@ -141,3 +141,7 @@ sort by date.
 ### Types
 
 - `Database`: Auto-imported type definitions for Supabase database interactions.
+
+## Development
+
+This package lives in the [`plutocms/supabase`](https://github.com/plutocms/supabase) monorepo, in `packages/supabase`. Run `bun install` at the root of the repo, then the scripts of the package (`bun run --cwd packages/supabase dev`). This package is the base of the other two. Its changes reach `supabase-shop` and `supabase-blog` through the workspace link. Each package reads its own `.env` file.

package/app/components/backend/SupabaseBackendDetails.vue

@@ -0,0 +1,52 @@
+<script setup lang="ts">
+// The popover body of the backend badge of core (`backend.details`): the
+// Supabase project that holds the content, with a link to its dashboard. A
+// local Supabase (or a custom domain) has no project ref, so the host shows.
+import {
+  supabaseDashboardLinks,
+  supabaseProjectRef,
+} from '../../utils/supabase-project'
+
+const { t } = usePlutoI18n()
+const url = String(
+  (useRuntimeConfig().public.supabase as { url?: string } | undefined)?.url ??
+    ''
+)
+const projectRef = supabaseProjectRef(url)
+const dashboard = projectRef ? supabaseDashboardLinks(projectRef).project : ''
+const host = (() => {
+  try {
+    return new URL(url).host
+  } catch {
+    return ''
+  }
+})()
+</script>
+
+<template>
+  <div class="space-y-3">
+    <p class="text-muted">{{ t('supabase.backend.description') }}</p>
+    <dl class="grid grid-cols-[auto_1fr] gap-x-3 gap-y-1">
+      <dt class="text-muted">
+        {{
+          projectRef
+            ? t('supabase.backend.project')
+            : t('supabase.backend.host')
+        }}
+      </dt>
+      <dd class="text-highlighted truncate font-mono text-xs/5">
+        {{ projectRef || host }}
+      </dd>
+    </dl>
+    <UButton
+      v-if="dashboard"
+      :label="t('supabase.backend.openDashboard')"
+      :to="dashboard"
+      color="neutral"
+      icon="i-lucide-external-link"
+      size="xs"
+      target="_blank"
+      variant="outline"
+    />
+  </div>
+</template>

package/app/plugins/pluto-extension.ts

@@ -11,6 +11,10 @@ const MigrationsBanner = defineAsyncComponent(
 const SettingsGeneralPanel = defineAsyncComponent(
   () => import('../components/settings/SettingsGeneralPanel.vue')
 )
+// The popover of the backend badge of the navbar.
+const SupabaseBackendDetails = defineAsyncComponent(
+  () => import('../components/backend/SupabaseBackendDetails.vue')
+)
 // The guide for the Supabase sign-in emails, a section of the Email tab.
 const AuthEmailsPanel = defineAsyncComponent(
   () => import('../components/mail/AuthEmailsPanel.vue')
@@ -152,6 +156,14 @@ export default defineNuxtPlugin(() => {
       // In development, "View site" opens this dev server, like the old navbar.
       url: () => (import.meta.dev ? null : siteSettings.value.website_url),
     },
+    // The backend badge of the navbar: the content is in a Supabase database.
+    backend: {
+      id: 'supabase',
+      kind: 'database',
+      label: 'Supabase',
+      icon: 'i-lucide-database',
+      details: SupabaseBackendDetails,
+    },
     // The pending-migrations notice, shown at the top of the admin pages.
     adminBanners: [{ id: 'migrations', component: MigrationsBanner }],
     settingsPanels: [

package/i18n/locales/en.json

@@ -386,6 +386,12 @@
         "noProject": "Pluto could not read the project ref from your Supabase URL. Open the Supabase dashboard by hand.",
         "rateLimitHint": "After you set custom SMTP, open Authentication, then Rate Limits, and raise the number of emails each hour. The default is low."
       }
+    },
+    "backend": {
+      "description": "Each save writes to the Postgres database of this Supabase project.",
+      "project": "Project",
+      "host": "Server",
+      "openDashboard": "Open the Supabase dashboard"
     }
   }
 }

package/i18n/locales/pt-BR.json

@@ -386,6 +386,12 @@
         "noProject": "O Pluto não conseguiu ler a referência do projeto na sua URL do Supabase. Abra o painel do Supabase manualmente.",
         "rateLimitHint": "Depois de configurar o SMTP próprio, abra Authentication, depois Rate Limits, e aumente o número de e-mails por hora. O padrão é baixo."
       }
+    },
+    "backend": {
+      "description": "Cada salvamento grava no banco Postgres deste projeto do Supabase.",
+      "project": "Projeto",
+      "host": "Servidor",
+      "openDashboard": "Abrir o painel do Supabase"
     }
   }
 }

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@plutocms/supabase",
   "type": "module",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "description": "Supabase backend layer for Pluto",
   "author": "Victor Ribeiro",
-  "homepage": "https://github.com/plutocms/supabase#readme",
+  "homepage": "https://github.com/plutocms/supabase/tree/main/packages/supabase#readme",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/plutocms/supabase.git"
+    "url": "git+https://github.com/plutocms/supabase.git",
+    "directory": "packages/supabase"
   },
   "bugs": {
     "url": "https://github.com/plutocms/supabase/issues"
@@ -18,7 +19,7 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "prepare": "nuxt prepare",
+    "dev:prepare": "nuxt prepare",
     "prettier": "prettier --write .",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
@@ -29,31 +30,22 @@
   "dependencies": {
     "@nuxt/ui": "^4.12.0",
     "@nuxtjs/supabase": "^2.1.0",
-    "@plutocms/core": ">=0.41.0 <1.0.0",
+    "@plutocms/core": ">=0.48.0 <1.0.0",
     "@supabase/supabase-js": "^2.117.3",
     "postgres": "^3.4.9",
     "supabase": "^2.121.0",
     "zod": "^4.6.7"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^9.5.1",
-    "@nuxt/eslint-config": "^1.17.0",
     "@types/bun": "^1.4.3",
     "@vueuse/nuxt": "^14.4.0",
-    "eslint": "^10.13.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-better-tailwindcss": "^4.10.0",
     "nuxt": "^4.6.2",
-    "prettier": "^3.9.10",
     "tailwindcss": "^4.3.3",
     "vitest": "^5.0.5",
     "vue": "^3.5.44",
     "vue-router": "^5.4.0",
     "vue-tsc": "^3.3.13"
   },
-  "overrides": {
-    "typescript": "^5.9.3"
-  },
   "publishConfig": {
     "access": "public"
   }

package/server/utils/content-adapter.ts

@@ -9,9 +9,9 @@ import { requireCapability } from './capability-guard'
  *
  * A content type's table name (`type.source`) is a plain runtime string —
  * it is not known until a layer declares a content type, in a different
- * repo, at that repo's build time. `serverSupabaseClient` defaults to
+ * package, at that package's build time. `serverSupabaseClient` defaults to
  * this app's own `Database` type (see `shared/types/supabase.ts`), whose
- * `.from()` only accepts this repo's own table names as literals. Casting
+ * `.from()` only accepts this package's own table names as literals. Casting
  * to the bare `SupabaseClient` type (whose own generic defaults to `any`)
  * is the one, deliberate place this file loses compile-time table/column
  * safety. See `.claude/skills/content-adapter/SKILL.md` for the full
@@ -19,7 +19,7 @@ import { requireCapability } from './capability-guard'
  *
  * Goes through `unknown` first: `serverSupabaseClient`'s inferred
  * `Database` type is whichever layer's own generated types are in scope
- * at the *call site* — this repo's own `shared/types/supabase.ts` when
+ * at the *call site* — this package's own `shared/types/supabase.ts` when
  * typechecked standalone, but a different consumer's own generated types
  * when this file is typechecked as part of a deeper extends chain (a
  * layer that extends this one, extending it in turn). A direct `as