nuxt-seo-utils 7.0.18 → 8.0.1

package/dist/runtime/app/logic/applyDefaults.js

@@ -1,21 +1,22 @@
-import { injectHead, useHead, useSeoMeta } from "#imports";
 import { useSiteConfig } from "#site-config/app/composables/useSiteConfig";
 import { createSitePathResolver } from "#site-config/app/composables/utils";
+import { injectHead, useHead, useSeoMeta, useServerSeoMeta } from "@unhead/vue";
 import { TemplateParamsPlugin } from "@unhead/vue/plugins";
 import { useError, useRoute, useRuntimeConfig } from "nuxt/app";
 import { stringifyQuery } from "ufo";
 import { computed, toValue } from "vue";
+const LOCALE_UNDERSCORE_RE = /_/g;
 export function applyDefaults() {
   const siteConfig = useSiteConfig({
     resolveRefs: false
   });
   const resolveCurrentLocale = () => {
     const locale = toValue(siteConfig.currentLocale) || toValue(siteConfig.defaultLocale) || "en";
-    return locale.replace(/_/g, "-");
+    return locale.replace(LOCALE_UNDERSCORE_RE, "-");
   };
   const head = injectHead();
   head.use(TemplateParamsPlugin);
-  const { canonicalQueryWhitelist, canonicalLowercase } = useRuntimeConfig().public["seo-utils"];
+  const { canonicalQueryWhitelist, canonicalLowercase, tagPriority } = useRuntimeConfig().public["seo-utils"];
   const route = useRoute();
   const resolveUrl = createSitePathResolver({ withBase: true, absolute: true });
   const err = useError();
@@ -43,13 +44,16 @@ export function applyDefaults() {
     // give nuxt.config values higher priority
     tagPriority: "low"
   };
+  const seoMetaPriority = {
+    tagPriority
+  };
   useHead({
     htmlAttrs: { lang: resolveCurrentLocale },
     templateParams: {
       site: () => siteConfig,
       siteName: () => siteConfig.name
     },
-    titleTemplate: "%s %separator %siteName",
+    titleTemplate: () => err.value ? "%s" : "%s %separator %siteName",
     link: [() => canonicalUrl.value]
   }, minimalPriority);
   const seoMeta = {
@@ -71,11 +75,11 @@ export function applyDefaults() {
     ogSiteName: siteConfig.name
   };
   if (siteConfig.description)
-    seoMeta.description = siteConfig.description;
+    useServerSeoMeta({ description: siteConfig.description }, minimalPriority);
   if (siteConfig.twitter) {
     const id = siteConfig.twitter.startsWith("@") ? siteConfig.twitter : `@${siteConfig.twitter}`;
     seoMeta.twitterCreator = id;
     seoMeta.twitterSite = id;
   }
-  useSeoMeta(seoMeta, minimalPriority);
+  useSeoMeta(seoMeta, seoMetaPriority);
 }

package/dist/runtime/app/plugins/0.routeRules.js

@@ -1,16 +1,21 @@
-import { injectHead, useSeoMeta } from "#imports";
-import { defineNuxtPlugin, getRouteRules, useRequestEvent, useState } from "nuxt/app";
+import { injectHead, useSeoMeta } from "@unhead/vue";
+import { defineNuxtPlugin, getRouteRules, useRequestEvent, useRuntimeConfig, useState } from "nuxt/app";
 export default defineNuxtPlugin({
   enforce: "post",
+  env: { islands: false },
   async setup() {
     const head = injectHead();
+    if (!head)
+      return;
+    const { tagPriority } = useRuntimeConfig().public["seo-utils"];
     const routeRuleState = useState("nuxt-seo-utils:routeRules", () => null);
     if (import.meta.server) {
       const event = useRequestEvent();
       const routeRules = await getRouteRules(event);
+      const rules = routeRules;
       routeRuleState.value = {
-        head: routeRules.head,
-        seoMeta: routeRules.seoMeta
+        head: rules.head,
+        seoMeta: rules.seoMeta
       };
     }
     if (routeRuleState.value) {
@@ -18,7 +23,7 @@ export default defineNuxtPlugin({
       if (headInput)
         head.push(headInput);
       if (seoMeta)
-        useSeoMeta(seoMeta);
+        useSeoMeta(seoMeta, { tagPriority });
     }
   }
 });

package/dist/runtime/app/plugins/1.absoluteImageUrls.server.js

@@ -1,5 +1,5 @@
-import { injectHead } from "#imports";
 import { createSitePathResolver } from "#site-config/app/composables/utils";
+import { injectHead } from "@unhead/vue";
 import { defineNuxtPlugin } from "nuxt/app";
 import { unref } from "vue";
 export default defineNuxtPlugin({

package/dist/runtime/app/plugins/inferSeoMetaPlugin.js

@@ -1,5 +1,5 @@
-import { injectHead } from "#imports";
 import { InferSeoMetaPlugin } from "@unhead/addons";
+import { injectHead } from "@unhead/vue";
 import { defineNuxtPlugin } from "nuxt/app";
 import { TemplateParamsPlugin } from "unhead/plugins";
 export default defineNuxtPlugin(() => {

package/dist/runtime/app/plugins/minifyScripts.server.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/app/plugins/minifyScripts.server.js

@@ -0,0 +1,52 @@
+import { injectHead } from "@unhead/vue";
+import { defineNuxtPlugin } from "nuxt/app";
+import { minifyCSS, minifyJS, minifyJSON } from "../../shared/minify.js";
+const JSON_TYPES = /* @__PURE__ */ new Set(["application/json", "application/ld+json"]);
+const SKIP_JS_TYPES = /* @__PURE__ */ new Set(["application/json", "application/ld+json", "speculationrules", "importmap"]);
+export default defineNuxtPlugin({
+  enforce: "post",
+  setup() {
+    const head = injectHead();
+    if (!head)
+      return;
+    head.use({
+      key: "minify-inline",
+      hooks: {
+        "ssr:render": ({ tags }) => {
+          for (const tag of tags) {
+            const content = tag.innerHTML;
+            if (!content)
+              continue;
+            if (tag.tag === "script") {
+              const type = tag.props.type;
+              if (type && JSON_TYPES.has(type)) {
+                try {
+                  const minified = minifyJSON(content);
+                  if (minified.length < content.length)
+                    tag.innerHTML = minified;
+                } catch {
+                }
+                continue;
+              }
+              if (type && SKIP_JS_TYPES.has(type))
+                continue;
+              try {
+                const minified = minifyJS(content);
+                if (minified.length < content.length)
+                  tag.innerHTML = minified;
+              } catch {
+              }
+            } else if (tag.tag === "style") {
+              try {
+                const minified = minifyCSS(content);
+                if (minified.length < content.length)
+                  tag.innerHTML = minified;
+              } catch {
+              }
+            }
+          }
+        }
+      }
+    });
+  }
+});

package/dist/runtime/app/plugins/siteConfig.js

@@ -1,10 +1,11 @@
-import { injectHead } from "#imports";
 import { useSiteConfig } from "#site-config/app/composables/useSiteConfig";
-import { defineNuxtPlugin } from "nuxt/app";
+import { injectHead } from "@unhead/vue";
+import { defineNuxtPlugin, useRuntimeConfig } from "nuxt/app";
 export default defineNuxtPlugin(() => {
   const head = injectHead();
   if (!head)
     return;
+  const { tagPriority } = useRuntimeConfig().public["seo-utils"];
   const siteConfig = useSiteConfig();
   const input = {
     meta: [],
@@ -25,7 +26,7 @@ export default defineNuxtPlugin(() => {
       {
         name: "description",
         content: "%site.description",
-        tagPriority: "low"
+        tagPriority
       }
     );
   }

package/dist/runtime/app/plugins/titles.js

@@ -1,26 +1,15 @@
-import { useHead } from "#imports";
-import { defineNuxtPlugin, useError, useRoute } from "nuxt/app";
-import { titleCase } from "scule";
-import { withoutTrailingSlash } from "ufo";
-import { computed } from "vue";
+import { useHead } from "@unhead/vue";
+import { defineNuxtPlugin } from "nuxt/app";
+import { useFallbackTitle } from "../composables/useFallbackTitle.js";
 export default defineNuxtPlugin({
   name: "nuxt-seo:fallback-titles",
   env: {
     islands: false
   },
+  // we need to wait for the i18n plugin to run first
+  dependsOn: ["nuxt-site-config:i18n"],
   setup() {
-    const route = useRoute();
-    const err = useError();
-    const title = computed(() => {
-      if (err.value && [404, 500].includes(err.value?.statusCode)) {
-        return `${err.value.statusCode} - ${err.value.message}`;
-      }
-      if (typeof route.meta?.title === "string")
-        return route.meta?.title;
-      const path = withoutTrailingSlash(route.path || "/");
-      const lastSegment = path.split("/").pop();
-      return lastSegment ? titleCase(lastSegment) : null;
-    });
+    const title = useFallbackTitle();
     const minimalPriority = {
       // give nuxt.config values higher priority
       tagPriority: 101

package/dist/runtime/server/middleware/redirectCanonical.js

@@ -1,4 +1,4 @@
-import { useSiteConfig } from "#site-config/server/composables/useSiteConfig";
+import { getSiteConfig } from "#site-config/server/composables/getSiteConfig";
 import { defineEventHandler, getRequestHost, sendRedirect, setHeader } from "h3";
 import { joinURL } from "ufo";
 export default defineEventHandler((e) => {
@@ -12,7 +12,7 @@ export default defineEventHandler((e) => {
   if (path.split("/").pop()?.includes(".")) {
     return;
   }
-  const siteConfig = useSiteConfig(e);
+  const siteConfig = getSiteConfig(e);
   if (!siteConfig.url || siteConfig.env !== "production") {
     return;
   }

package/dist/runtime/server/routes/__nuxt-seo-utils/debug.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, {
+    siteConfig: {
+        url: string;
+    };
+}>;
+export default _default;

package/dist/runtime/server/routes/__nuxt-seo-utils/debug.js

@@ -0,0 +1,10 @@
+import { getSiteConfig } from "#site-config/server/composables";
+import { defineEventHandler } from "h3";
+export default defineEventHandler((e) => {
+  const siteConfig = getSiteConfig(e);
+  return {
+    siteConfig: {
+      url: siteConfig.url
+    }
+  };
+});

package/dist/runtime/shared/minify.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Lightweight JS minifier in pure JS (no native deps).
+ * Strips comments and collapses whitespace while preserving string literals.
+ */
+export declare function minifyJS(code: string): string;
+/**
+ * Lightweight CSS minifier in pure JS (no native deps).
+ * Strips comments and collapses whitespace while preserving string literals.
+ */
+export declare function minifyCSS(code: string): string;
+/**
+ * Minify JSON by stripping whitespace via parse/stringify round-trip.
+ */
+export declare function minifyJSON(code: string): string;

package/dist/runtime/shared/minify.js

@@ -0,0 +1,133 @@
+export function minifyJS(code) {
+  let result = "";
+  let i = 0;
+  const len = code.length;
+  while (i < len) {
+    const ch = code[i];
+    if (ch === "'" || ch === '"' || ch === "`") {
+      const quote = ch;
+      result += ch;
+      i++;
+      while (i < len && code[i] !== quote) {
+        if (code[i] === "\\") {
+          result += code[i++];
+        }
+        result += code[i++];
+      }
+      if (i < len)
+        result += code[i++];
+    } else if (ch === "/" && code[i + 1] === "/") {
+      i += 2;
+      while (i < len && code[i] !== "\n")
+        i++;
+    } else if (ch === "/" && code[i + 1] === "*") {
+      i += 2;
+      while (i < len && !(code[i] === "*" && code[i + 1] === "/"))
+        i++;
+      i += 2;
+    } else if (ch === " " || ch === "	" || ch === "\n" || ch === "\r") {
+      let hasNewline = false;
+      while (i < len && (code[i] === " " || code[i] === "	" || code[i] === "\n" || code[i] === "\r")) {
+        if (code[i] === "\n")
+          hasNewline = true;
+        i++;
+      }
+      const prev = result.at(-1);
+      const next = code[i];
+      if (hasNewline && prev && next && prev !== "{" && prev !== "}" && prev !== ";" && next !== "}" && next !== ";")
+        result += "\n";
+      else if (prev && next && isIdentChar(prev) && isIdentChar(next))
+        result += " ";
+      else if (prev && next && (prev === "+" && next === "+" || prev === "-" && next === "-"))
+        result += " ";
+    } else {
+      result += ch;
+      i++;
+    }
+  }
+  return result.trim();
+}
+export function minifyCSS(code) {
+  let result = "";
+  let i = 0;
+  let parenDepth = 0;
+  const len = code.length;
+  while (i < len) {
+    const ch = code[i];
+    if (ch === "'" || ch === '"') {
+      const quote = ch;
+      result += ch;
+      i++;
+      while (i < len && code[i] !== quote) {
+        if (code[i] === "\\")
+          result += code[i++];
+        result += code[i++];
+      }
+      if (i < len)
+        result += code[i++];
+    } else if (ch === "/" && code[i + 1] === "*") {
+      i += 2;
+      while (i < len && !(code[i] === "*" && code[i + 1] === "/"))
+        i++;
+      i += 2;
+    } else if (ch === "(") {
+      parenDepth++;
+      result += ch;
+      i++;
+    } else if (ch === ")") {
+      parenDepth = Math.max(0, parenDepth - 1);
+      result += ch;
+      i++;
+    } else if (ch === " " || ch === "	" || ch === "\n" || ch === "\r") {
+      while (i < len && (code[i] === " " || code[i] === "	" || code[i] === "\n" || code[i] === "\r"))
+        i++;
+      const prev = result.at(-1);
+      const next = code[i];
+      if (next === "!")
+        continue;
+      if (parenDepth > 0) {
+        if (prev && next && !isCSSCalcPunctuation(prev) && !isCSSCalcPunctuation(next))
+          result += " ";
+      } else if (prev && next && !isCSSPunctuation(prev) && !isCSSPunctuation(next)) {
+        result += " ";
+      }
+    } else if (ch === ";") {
+      let j = i + 1;
+      while (j < len && (code[j] === " " || code[j] === "	" || code[j] === "\n" || code[j] === "\r"))
+        j++;
+      if (code[j] === "}") {
+        i++;
+      } else {
+        result += ch;
+        i++;
+      }
+    } else if (ch === "0" && code[i + 1] === "." && (code[i + 2] ?? "") >= "0" && (code[i + 2] ?? "") <= "9") {
+      const prev = result.at(-1);
+      if (prev && prev >= "0" && prev <= "9") {
+        result += ch;
+        i++;
+      } else {
+        i++;
+      }
+    } else {
+      result += ch;
+      i++;
+    }
+  }
+  return result.trim();
+}
+function isIdentChar(ch) {
+  return ch >= "a" && ch <= "z" || ch >= "A" && ch <= "Z" || ch >= "0" && ch <= "9" || ch === "_" || ch === "$";
+}
+function isCSSBasePunctuation(ch) {
+  return ch === "{" || ch === "}" || ch === ";" || ch === ":" || ch === ",";
+}
+function isCSSPunctuation(ch) {
+  return isCSSBasePunctuation(ch) || ch === ">" || ch === "+" || ch === "~";
+}
+function isCSSCalcPunctuation(ch) {
+  return isCSSBasePunctuation(ch) || ch === "*" || ch === "/";
+}
+export function minifyJSON(code) {
+  return JSON.stringify(JSON.parse(code));
+}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "nuxt-seo-utils",
   "type": "module",
-  "version": "7.0.18",
+  "version": "8.0.1",
   "description": "SEO utilities to improve your Nuxt sites discoverability and shareability",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
-  "homepage": "https://nuxtseo.com/docs/utils",
+  "homepage": "https://nuxtseo.com/docs/seo-utils",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/harlan-zw/nuxt-seo-utils.git"
@@ -20,7 +20,11 @@
     }
   },
   "main": "./dist/module.mjs",
+  "bin": {
+    "nuxt-seo-utils": "./bin/nuxt-seo-utils.mjs"
+  },
   "files": [
+    "bin",
     "dist"
   ],
   "build": {
@@ -31,58 +35,89 @@
       "@unhead/vue/utils"
     ]
   },
+  "peerDependencies": {
+    "esbuild": ">=0.17.0",
+    "lightningcss": ">=1.20.0",
+    "nuxt": "^3.0.0 || ^4.0.0",
+    "rolldown": ">=1.0.0-beta.0"
+  },
+  "peerDependenciesMeta": {
+    "esbuild": {
+      "optional": true
+    },
+    "lightningcss": {
+      "optional": true
+    },
+    "rolldown": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "@nuxt/kit": "^4.1.3",
-    "@unhead/addons": "^2.0.19",
+    "@nuxt/devtools-kit": "^3.2.4",
+    "@nuxt/kit": "^4.4.2",
+    "@unhead/addons": "^2.1.12",
+    "citty": "^0.2.1",
     "defu": "^6.1.4",
     "escape-string-regexp": "^5.0.0",
-    "fast-glob": "^3.3.3",
     "image-size": "^2.0.2",
-    "nuxt-site-config": "^3.2.10",
+    "nuxt-site-config": "^4.0.1",
+    "nuxtseo-layer-devtools": "^0.3.0",
+    "nuxtseo-shared": "^0.7.0",
     "pathe": "^2.0.3",
     "pkg-types": "^2.3.0",
     "scule": "^1.3.0",
-    "semver": "^7.7.3",
-    "ufo": "^1.6.1"
+    "semver": "^7.7.4",
+    "sirv": "^3.0.2",
+    "tinyglobby": "^0.2.15",
+    "ufo": "^1.6.3"
+  },
+  "optionalDependencies": {
+    "sharp": "^0.34.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.0.0",
+    "@antfu/eslint-config": "^7.7.3",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.1.3",
-    "@nuxt/test-utils": "^3.19.2",
-    "@nuxt/ui": "^3.3.6",
-    "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@nuxtjs/i18n": "^10.1.1",
-    "@types/node": "^24.7.2",
-    "@unhead/vue": "^2.0.19",
+    "@nuxt/schema": "^4.4.2",
+    "@nuxt/test-utils": "^4.0.0",
+    "@nuxt/ui": "^4.6.0",
+    "@nuxtjs/i18n": "^10.2.4",
+    "@types/node": "^25.5.0",
+    "@unhead/vue": "^2.1.12",
     "@vue/test-utils": "^2.4.6",
-    "bumpp": "^10.3.1",
-    "case-police": "^2.0.0",
-    "cheerio": "^1.1.2",
-    "eslint": "^9.37.0",
-    "happy-dom": "^20.0.2",
-    "markdownlint-cli": "^0.45.0",
-    "nuxt": "^4.1.3",
-    "nuxt-content-twoslash": "^0.1.2",
-    "playwright-core": "^1.56.0",
-    "sass": "^1.93.2",
-    "typescript": "^5.9.3",
-    "vitest": "^3.2.4",
-    "vue-tsc": "^3.0.9"
+    "bumpp": "^11.0.1",
+    "case-police": "^2.2.0",
+    "cheerio": "^1.2.0",
+    "eslint": "^10.1.0",
+    "eslint-plugin-harlanzw": "^0.11.0",
+    "happy-dom": "^20.8.8",
+    "lint-staged": "^16.4.0",
+    "markdownlint-cli": "^0.48.0",
+    "nuxt": "^4.4.2",
+    "nuxt-content-twoslash": "^0.4.0",
+    "playwright-core": "^1.58.2",
+    "sass": "^1.98.0",
+    "typescript": "^6.0.2",
+    "ultrahtml": "^1.6.0",
+    "unbuild": "^3.6.1",
+    "vitest": "^4.1.1",
+    "vue-tsc": "^3.2.6"
   },
   "scripts": {
-    "lint": "eslint . --fix",
-    "stub": "nuxt-build-module build --stub && nuxt-module-build prepare",
-    "build": "pnpm stub && nuxt-module-build build",
-    "dev": "nuxi dev playground",
-    "dev:build": "nuxi build playground",
-    "typecheck": "vue-tsc --noEmit",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare test/fixtures/basic && nuxi prepare test/fixtures/i18n",
+    "build": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt-module-build build",
+    "build:client": "nuxt generate devtools",
+    "dev": "nuxt dev playground",
+    "devtools": "nuxt dev devtools --port 3030",
+    "dev:prepare": "nuxt-module-build prepare && nuxt prepare playground && pnpm prepare:fixtures",
+    "stub": "nuxt-module-build build --stub && nuxt-module-build prepare",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "typecheck": "nuxt typecheck",
+    "prepare:fixtures": "nuxt prepare test/fixtures/basic && nuxt prepare test/fixtures/i18n",
+    "test": "vitest",
+    "test:run": "vitest run --exclude '**/\\_\\_runtime\\_\\_/**'",
+    "test:runtime": "cd test/fixtures/basic && vitest --run",
     "release": "pnpm build && bumpp -x \"npx changelogen --output=CHANGELOG.md\"",
     "lint:docs": "markdownlint ./docs/content && case-police 'docs/content/**/*.md' *.md",
-    "lint:docs:fix": "markdownlint ./docs/content --fix && case-police 'docs/content/**/*.md' *.md --fix",
-    "twoslash:verify": "nuxt-content-twoslash verify --content-dir docs/content",
-    "test": "pnpm dev:prepare && vitest --run --exclude **/__runtime__ && pnpm test:runtime",
-    "test:runtime": "cd test/fixtures/basic && vitest --run"
+    "lint:docs:fix": "markdownlint ./docs/content --fix && case-police 'docs/content/**/*.md' *.md --fix"
   }
 }

package/dist/runtime/server/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "../../../../.nuxt/tsconfig.server.json"
-}