@plutocms/supabase 0.11.0 → 0.11.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [0.11.1](https://github.com/plutocms/supabase/compare/v0.11.0...v0.11.1) (2026-10-21)
+
+
+### Bug Fixes
+
+* **deps:** use @plutocms/pluto 0.17 ([#91](https://github.com/plutocms/supabase/issues/91)) ([7deeac5](https://github.com/plutocms/supabase/commit/7deeac5379ddaac0317fa457897190c0850e8ffc))
+* **typegen:** keep the PostgREST version block and the app's format ([#90](https://github.com/plutocms/supabase/issues/90)) ([2518c33](https://github.com/plutocms/supabase/commit/2518c33f69fe188e69d93695819d7d3ca19932d7))
+
+
+### Performance Improvements
+
+* **admin:** load the admin components on demand and start the setup check early ([#89](https://github.com/plutocms/supabase/issues/89)) ([f0d36bc](https://github.com/plutocms/supabase/commit/f0d36bc7d46f911522990653cd93ebb523c5a774))
+
 ## [0.11.0](https://github.com/plutocms/supabase/compare/v0.10.0...v0.11.0) (2026-10-20)
 
 

package/app/plugins/pluto-extension.ts

@@ -1,6 +1,16 @@
-import AuthSignIn from '../components/auth/AuthSignIn.vue'
-import MigrationsBanner from '../components/migrations/MigrationsBanner.vue'
-import SettingsGeneralPanel from '../components/settings/SettingsGeneralPanel.vue'
+import { defineAsyncComponent } from 'vue'
+
+// The three components load on demand. They stay out of the entry chunk. Core
+// shows a skeleton while each chunk loads.
+const AuthSignIn = defineAsyncComponent(
+  () => import('../components/auth/AuthSignIn.vue')
+)
+const MigrationsBanner = defineAsyncComponent(
+  () => import('../components/migrations/MigrationsBanner.vue')
+)
+const SettingsGeneralPanel = defineAsyncComponent(
+  () => import('../components/settings/SettingsGeneralPanel.vue')
+)
 
 export default defineNuxtPlugin(() => {
   // Read at setup, while the Nuxt context exists. The driver below calls it
@@ -35,11 +45,7 @@ export default defineNuxtPlugin(() => {
   // again each time.
   const setupDone = useState<boolean>('supabase-setup-done', () => false)
 
-  async function readSetupState(): Promise<SetupState> {
-    if (setupDone.value) {
-      return 'done'
-    }
-
+  async function fetchSetupState(): Promise<SetupState> {
     let state: SetupState = 'unknown'
     try {
       state = setupStateFromResponse(
@@ -56,6 +62,27 @@ export default defineNuxtPlugin(() => {
     return state
   }
 
+  // On a cold load of an admin path, the request starts here, at plugin setup.
+  // The guard then awaits a request that is already in flight. The guard takes
+  // this promise once, so a later navigation reads the state again.
+  let earlyState: Promise<SetupState> | null =
+    import.meta.client &&
+    !setupDone.value &&
+    /^\/admin(?:\/|$)/.test(window.location.pathname)
+      ? fetchSetupState()
+      : null
+
+  async function readSetupState(): Promise<SetupState> {
+    if (setupDone.value) {
+      return 'done'
+    }
+
+    const early = earlyState
+    earlyState = null
+
+    return early ?? fetchSetupState()
+  }
+
   if (import.meta.client) {
     watch(
       [() => Boolean(session.value), hasSettingsModified],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plutocms/supabase",
   "type": "module",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "trustedDependencies": [
     "@parcel/watcher",
     "@plutocms/pluto",
@@ -39,7 +39,7 @@
     "@nuxt/eslint": "^1.17.0",
     "@nuxt/ui": "^4.12.0",
     "@nuxtjs/supabase": "^2.1.0",
-    "@plutocms/pluto": "^0.16.0",
+    "@plutocms/pluto": "^0.17.0",
     "@plutocms/utils": "^0.2.1",
     "postgres": "^3.4.9",
     "supabase": "^2.121.0",

package/server/utils/typegen.ts

@@ -1,6 +1,8 @@
 import { execFile } from 'node:child_process'
 import { existsSync, readFileSync, writeFileSync } from 'node:fs'
+import { createRequire } from 'node:module'
 import { join } from 'node:path'
+import { pathToFileURL } from 'node:url'
 import { promisify } from 'node:util'
 
 const execFileAsync = promisify(execFile)
@@ -17,6 +19,63 @@ function resolveSupabaseBin(rootDir: string): string {
   return existsSync(localBin) ? localBin : 'supabase'
 }
 
+// The block, with its leading comment lines. The block has no nested braces.
+const INTERNAL_BLOCK = /(?:^[ \t]*\/\/[^\n]*\n)*^[ \t]*__InternalSupabase:\s*\{[^{}]*\}[ \t]*\n/m
+const DATABASE_OPEN = /^export type Database = \{[ \t]*\n/m
+
+/**
+ * Keeps the `__InternalSupabase` block of the existing types file.
+ *
+ * The `--db-url` mode of the Supabase CLI does not write this block. It
+ * holds the PostgREST version that supabase-js reads for its typings. When
+ * the new output has no block and the existing file has one, this function
+ * copies the existing block into the new output. In every other case it
+ * returns the new output as it is.
+ */
+export function keepInternalSupabase(
+  next: string,
+  existing: string | null
+): string {
+  if (!existing || next.includes('__InternalSupabase')) {
+    return next
+  }
+
+  const block = existing.match(INTERNAL_BLOCK)?.[0]
+  const open = next.match(DATABASE_OPEN)
+
+  if (!block || !open || open.index === undefined) {
+    return next
+  }
+
+  const at = open.index + open[0].length
+
+  return next.slice(0, at) + block + next.slice(at)
+}
+
+/**
+ * Formats the text with the Prettier of the app. It resolves Prettier from
+ * `rootDir`. It returns the text unchanged when the app has no Prettier or
+ * when the format fails.
+ */
+async function formatWithAppPrettier(
+  rootDir: string,
+  filePath: string,
+  text: string
+): Promise<string> {
+  try {
+    const entry = createRequire(join(rootDir, 'package.json')).resolve(
+      'prettier'
+    )
+    const prettier = await import(pathToFileURL(entry).href)
+    const api = prettier.default ?? prettier
+    const options = (await api.resolveConfig(filePath)) ?? {}
+
+    return await api.format(text, { ...options, filepath: filePath })
+  } catch {
+    return text
+  }
+}
+
 /**
  * Regenerates the Supabase `Database` types from the live database schema
  * and writes them to <rootDir>/shared/types/supabase.ts, only touching the
@@ -56,11 +115,17 @@ export async function regenerateSupabaseTypes(
       ? readFileSync(targetPath, 'utf-8')
       : null
 
-    if (existing === stdout) {
+    const processed = await formatWithAppPrettier(
+      rootDir,
+      targetPath,
+      keepInternalSupabase(stdout, existing)
+    )
+
+    if (existing === processed) {
       return
     }
 
-    writeFileSync(targetPath, stdout, 'utf-8')
+    writeFileSync(targetPath, processed, 'utf-8')
     console.warn(`[typegen] Regenerated Supabase types at ${targetPath}`)
   } catch (error) {
     console.warn('[typegen] Failed to regenerate Supabase types:', error)