nuxtseo-shared 5.2.4 → 5.2.5

package/dist/devtools.d.mts

@@ -18,6 +18,8 @@ interface DevToolsUIConfig {
 }
 interface SeoModuleInfo {
     name: string;
+    /** npm package name — the stable identifier the client matches installed state on. */
+    npm?: string;
     title: string;
     icon: string;
     route: string;

package/dist/devtools.d.ts

@@ -18,6 +18,8 @@ interface DevToolsUIConfig {
 }
 interface SeoModuleInfo {
     name: string;
+    /** npm package name — the stable identifier the client matches installed state on. */
+    npm?: string;
     title: string;
     icon: string;
     route: string;

package/dist/devtools.mjs

@@ -5,7 +5,16 @@ import { join, dirname } from 'node:path';
 import { onDevToolsInitialized, extendServerRpc, addCustomTab } from '@nuxt/devtools-kit';
 import { useNuxt } from '@nuxt/kit';
 import sirv from 'sirv';
+import { modules } from './const.mjs';
+import { detectNuxtSeoModules } from './kit.mjs';
+import 'node:url';
+import 'pathe';
+import 'pkg-types';
+import 'std-env';
 
+function npmForSlug(slug) {
+  return modules.find((m) => m.slug === slug)?.npm;
+}
 const UNIFIED_CLIENT_ROUTE = "/__nuxt-seo-devtools";
 const hashSet = (arr) => [...JSON.stringify(arr)].reduce((h, c) => h * 31 + c.charCodeAt(0) >>> 0, 7).toString(36);
 function placeholderHtml() {
@@ -31,7 +40,24 @@ function registerSharedRpcOnce(nuxt) {
   nuxt._seoDevtoolsRpcRegistered = true;
   onDevToolsInitialized(() => {
     extendServerRpc("nuxt-seo-modules", {
-      getInstalledSeoModules: () => nuxt._seoDevtoolsModules || []
+      // Registered modules (those that shipped a devtools panel) carry the iframe route.
+      // detectNuxtSeoModules adds every *installed* SEO module from nuxt's module list —
+      // independent of whether it self-registered a panel or which shared version it ships —
+      // so the picker reflects the full install (e.g. site-config, which has no panel).
+      getInstalledSeoModules: () => {
+        const byNpm = /* @__PURE__ */ new Map();
+        for (const m of nuxt._seoDevtoolsModules || []) {
+          if (m.npm)
+            byNpm.set(m.npm, m);
+        }
+        for (const det of detectNuxtSeoModules(nuxt)) {
+          if (!byNpm.has(det.name)) {
+            const meta = modules.find((s) => s.npm === det.name);
+            byNpm.set(det.name, { name: meta?.slug ?? det.name, npm: det.name, title: meta?.label ?? det.name, icon: meta?.icon ?? "", route: "" });
+          }
+        }
+        return [...byNpm.values()];
+      }
     }, nuxt);
   }, nuxt);
 }
@@ -79,7 +105,7 @@ function setupLayerModule(config, layerDir, nuxt) {
   const slug = config.slug ?? config.name.replace(/^nuxt-/, "");
   const clientRoute = `${UNIFIED_CLIENT_ROUTE}/${slug}`;
   const modules = nuxt._seoDevtoolsModules ??= [];
-  modules.push({ name: config.name, title: config.title, icon: config.icon, route: clientRoute });
+  modules.push({ name: config.name, npm: npmForSlug(slug), title: config.title, icon: config.icon, route: clientRoute });
   const layers = nuxt._seoDevtoolsLayers ??= [];
   layers.push({ slug, name: config.name, title: config.title, icon: config.icon, layerDir });
   addCustomTab({ name: `nuxt-seo-${slug}`, title: config.title, icon: config.icon, view: { type: "iframe", src: clientRoute } });
@@ -115,9 +141,10 @@ function setupLayerModule(config, layerDir, nuxt) {
 }
 function setupLegacyModule(config, clientPath, nuxt) {
   const { name, title, icon, devPort = 3030 } = config;
-  const route = config.route ?? `/__${name.replace(/^nuxt-/, "")}`;
+  const slug = config.slug ?? name.replace(/^nuxt-/, "");
+  const route = config.route ?? `/__${slug}`;
   const modules = nuxt._seoDevtoolsModules ??= [];
-  modules.push({ name, title, icon, route });
+  modules.push({ name, npm: npmForSlug(slug), title, icon, route });
   const isProductionBuild = existsSync(clientPath) && readdirSync(clientPath).length > 0;
   if (isProductionBuild) {
     nuxt.hook("vite:serverCreated", (server) => {
@@ -155,8 +182,9 @@ function setupLegacyModule(config, clientPath, nuxt) {
 function setupDevToolsUI(config, resolve, nuxt = useNuxt()) {
   if (!nuxt.options.dev)
     return;
-  const layerCandidates = [resolve("./devtools"), resolve("../devtools")];
-  const layerDir = layerCandidates.find((dir) => existsSync(join(dir, "nuxt.config.ts"))) ?? layerCandidates[0];
+  const layerFallback = resolve("./devtools");
+  const layerCandidates = [layerFallback, resolve("../devtools")];
+  const layerDir = layerCandidates.find((dir) => existsSync(join(dir, "nuxt.config.ts"))) ?? layerFallback;
   const isLayer = existsSync(join(layerDir, "nuxt.config.ts")) && !existsSync(join(layerDir, "index.html"));
   registerSharedRpcOnce(nuxt);
   if (isLayer)

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
-  "version": "5.2.4",
+  "version": "5.2.5",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxtseo-shared",
   "type": "module",
-  "version": "5.2.4",
+  "version": "5.2.5",
   "description": "Shared utilities for Nuxt SEO modules.",
   "author": {
     "name": "Harlan Wilton",