nuxtseo-shared 0.1.1 → 0.1.3

package/dist/kit.d.mts

@@ -1,10 +1,11 @@
-import { Nuxt } from '@nuxt/schema';
-import { Nitro } from 'nitropack';
-import { NitroConfig } from 'nitropack/types';
-import { NuxtPage, NuxtModule } from 'nuxt/schema';
+import { NuxtModule, NuxtPage } from "nuxt/schema";
+import { Nuxt as Nuxt$1 } from "@nuxt/schema";
+import { Nitro } from "nitropack";
+import { NitroConfig } from "nitropack/types";
 
+//#region src/kit.d.ts
 declare function detectTarget(options?: {
-    static?: boolean;
+  static?: boolean;
 }): string | undefined;
 declare function resolveNitroPreset(nitroConfig?: NitroConfig): string;
 /**
@@ -12,21 +13,30 @@ declare function resolveNitroPreset(nitroConfig?: NitroConfig): string;
  *
  * These options may not be the resolved options that the module actually uses.
  */
-declare function getNuxtModuleOptions(module: string | NuxtModule, nuxt?: Nuxt): Promise<Record<string, any>>;
-declare function isNuxtGenerate(nuxt?: Nuxt): boolean;
+declare function getNuxtModuleOptions(module: string | NuxtModule, nuxt?: Nuxt$1): Promise<Record<string, any>>;
+declare function isNuxtGenerate(nuxt?: Nuxt$1): boolean;
 /**
  * Generate TypeScript type augmentations for a Nuxt module.
  */
 declare function extendTypes(module: string, template: (options: {
-    typesPath: string;
+  typesPath: string;
 }) => string | Promise<string>): void;
 /**
  * Create a promise that resolves when Nuxt pages are resolved.
  */
-declare function createPagesPromise(nuxt?: Nuxt): Promise<NuxtPage[]>;
+declare function createPagesPromise(nuxt?: Nuxt$1): Promise<NuxtPage[]>;
 /**
  * Create a promise that resolves when Nitro is initialized.
  */
-declare function createNitroPromise(nuxt?: Nuxt): Promise<Nitro>;
-
-export { createNitroPromise, createPagesPromise, detectTarget, extendTypes, getNuxtModuleOptions, isNuxtGenerate, resolveNitroPreset };
+declare function createNitroPromise(nuxt?: Nuxt$1): Promise<Nitro>;
+interface NuxtContentVersion {
+  version: 2 | 3;
+}
+/**
+ * Detect which version of @nuxt/content is installed.
+ *
+ * Returns `false` when @nuxt/content is not installed or the version is unrecognised.
+ */
+declare function resolveNuxtContentVersion(): Promise<false | NuxtContentVersion>;
+//#endregion
+export { NuxtContentVersion, createNitroPromise, createPagesPromise, detectTarget, extendTypes, getNuxtModuleOptions, isNuxtGenerate, resolveNitroPreset, resolveNuxtContentVersion };

package/dist/kit.mjs

@@ -1,91 +1,97 @@
-import { useNuxt, createResolver, addTemplate, loadNuxtModuleInstance, tryUseNuxt } from '@nuxt/kit';
-import { relative } from 'pathe';
-import { provider, env } from 'std-env';
-
+import { addTemplate, createResolver, hasNuxtModule, hasNuxtModuleCompatibility, loadNuxtModuleInstance, tryUseNuxt, useNuxt } from "@nuxt/kit";
+import { relative } from "pathe";
+import { env, provider } from "std-env";
+//#region src/kit.ts
 const autodetectableProviders = {
-  azure_static: "azure",
-  cloudflare_pages: "cloudflare-pages",
-  netlify: "netlify",
-  stormkit: "stormkit",
-  vercel: "vercel",
-  cleavr: "cleavr",
-  stackblitz: "stackblitz"
+	azure_static: "azure",
+	cloudflare_pages: "cloudflare-pages",
+	netlify: "netlify",
+	stormkit: "stormkit",
+	vercel: "vercel",
+	cleavr: "cleavr",
+	stackblitz: "stackblitz"
 };
 const autodetectableStaticProviders = {
-  netlify: "netlify-static",
-  vercel: "vercel-static"
+	netlify: "netlify-static",
+	vercel: "vercel-static"
 };
 function detectTarget(options = {}) {
-  return options?.static ? autodetectableStaticProviders[provider] : autodetectableProviders[provider];
+	return options?.static ? autodetectableStaticProviders[provider] : autodetectableProviders[provider];
 }
 function resolveNitroPreset(nitroConfig) {
-  nitroConfig = nitroConfig || tryUseNuxt()?.options?.nitro;
-  if (provider === "stackblitz" || provider === "codesandbox")
-    return provider;
-  let preset;
-  if (nitroConfig && nitroConfig?.preset)
-    preset = nitroConfig.preset;
-  if (!preset)
-    preset = env.NITRO_PRESET || env.SERVER_PRESET || detectTarget() || "node-server";
-  return preset.replace("_", "-");
+	nitroConfig = nitroConfig || tryUseNuxt()?.options?.nitro;
+	if (provider === "stackblitz" || provider === "codesandbox") return provider;
+	let preset;
+	if (nitroConfig && nitroConfig?.preset) preset = nitroConfig.preset;
+	if (!preset) preset = env.NITRO_PRESET || env.SERVER_PRESET || detectTarget() || "node-server";
+	return preset.replace("_", "-");
 }
+/**
+* Get the user provided options for a Nuxt module.
+*
+* These options may not be the resolved options that the module actually uses.
+*/
 async function getNuxtModuleOptions(module, nuxt = useNuxt()) {
-  const moduleMeta = (typeof module === "string" ? { name: module } : await module.getMeta?.()) || {};
-  const { nuxtModule } = await loadNuxtModuleInstance(module, nuxt);
-  let moduleEntry;
-  for (const m of nuxt.options.modules) {
-    if (Array.isArray(m) && m.length >= 2) {
-      const _module = m[0];
-      const _moduleEntryName = typeof _module === "string" ? _module : (await _module.getMeta?.())?.name || "";
-      if (_moduleEntryName === moduleMeta.name)
-        moduleEntry = m;
-    }
-  }
-  let inlineOptions = {};
-  if (moduleEntry)
-    inlineOptions = moduleEntry[1];
-  if (nuxtModule.getOptions)
-    return nuxtModule.getOptions(inlineOptions, nuxt);
-  return inlineOptions;
+	const moduleMeta = (typeof module === "string" ? { name: module } : await module.getMeta?.()) || {};
+	const { nuxtModule } = await loadNuxtModuleInstance(module, nuxt);
+	let moduleEntry;
+	for (const m of nuxt.options.modules) if (Array.isArray(m) && m.length >= 2) {
+		const _module = m[0];
+		if ((typeof _module === "string" ? _module : (await _module.getMeta?.())?.name || "") === moduleMeta.name) moduleEntry = m;
+	}
+	let inlineOptions = {};
+	if (moduleEntry) inlineOptions = moduleEntry[1];
+	if (nuxtModule.getOptions) return nuxtModule.getOptions(inlineOptions, nuxt);
+	return inlineOptions;
 }
 function isNuxtGenerate(nuxt = useNuxt()) {
-  return nuxt.options.nitro.static || nuxt.options._generate || [
-    "static",
-    "github-pages"
-  ].includes(resolveNitroPreset(nuxt.options.nitro));
+	return nuxt.options.nitro.static || nuxt.options._generate || ["static", "github-pages"].includes(resolveNitroPreset(nuxt.options.nitro));
 }
+/**
+* Generate TypeScript type augmentations for a Nuxt module.
+*/
 function extendTypes(module, template) {
-  const nuxt = useNuxt();
-  const { resolve } = createResolver(import.meta.url);
-  addTemplate({
-    filename: `module/${module}.d.ts`,
-    getContents: async () => {
-      const typesPath = relative(resolve(nuxt.options.rootDir, nuxt.options.buildDir, "module"), resolve("runtime/types"));
-      const s = await template({ typesPath });
-      return `// Generated by ${module}
-${s}
-export {}
-`;
-    }
-  });
-  nuxt.hooks.hook("prepare:types", ({ references }) => {
-    references.push({ path: resolve(nuxt.options.buildDir, `module/${module}.d.ts`) });
-  });
+	const nuxt = useNuxt();
+	const { resolve } = createResolver(import.meta.url);
+	addTemplate({
+		filename: `module/${module}.d.ts`,
+		getContents: async () => {
+			return `// Generated by ${module}\n${await template({ typesPath: relative(resolve(nuxt.options.rootDir, nuxt.options.buildDir, "module"), resolve("runtime/types")) })}\nexport {}\n`;
+		}
+	});
+	nuxt.hooks.hook("prepare:types", ({ references }) => {
+		references.push({ path: resolve(nuxt.options.buildDir, `module/${module}.d.ts`) });
+	});
 }
+/**
+* Create a promise that resolves when Nuxt pages are resolved.
+*/
 function createPagesPromise(nuxt = useNuxt()) {
-  return new Promise((resolve) => {
-    nuxt.hooks.hook("modules:done", () => {
-      if (typeof nuxt.options.pages === "boolean" && nuxt.options.pages === false || typeof nuxt.options.pages === "object" && !nuxt.options.pages.enabled) {
-        return resolve([]);
-      }
-      nuxt.hook("pages:resolved", (pages) => resolve(pages));
-    });
-  });
+	return new Promise((resolve) => {
+		nuxt.hooks.hook("modules:done", () => {
+			if (typeof nuxt.options.pages === "boolean" && nuxt.options.pages === false || typeof nuxt.options.pages === "object" && !nuxt.options.pages.enabled) return resolve([]);
+			nuxt.hook("pages:resolved", (pages) => resolve(pages));
+		});
+	});
 }
+/**
+* Create a promise that resolves when Nitro is initialized.
+*/
 function createNitroPromise(nuxt = useNuxt()) {
-  return new Promise((resolve) => {
-    nuxt.hooks.hook("nitro:init", (nitro) => resolve(nitro));
-  });
+	return new Promise((resolve) => {
+		nuxt.hooks.hook("nitro:init", (nitro) => resolve(nitro));
+	});
 }
-
-export { createNitroPromise, createPagesPromise, detectTarget, extendTypes, getNuxtModuleOptions, isNuxtGenerate, resolveNitroPreset };
+/**
+* Detect which version of @nuxt/content is installed.
+*
+* Returns `false` when @nuxt/content is not installed or the version is unrecognised.
+*/
+async function resolveNuxtContentVersion() {
+	if (!hasNuxtModule("@nuxt/content")) return false;
+	if (await hasNuxtModuleCompatibility("@nuxt/content", "^3")) return { version: 3 };
+	if (await hasNuxtModuleCompatibility("@nuxt/content", "^2")) return { version: 2 };
+	return false;
+}
+//#endregion
+export { createNitroPromise, createPagesPromise, detectTarget, extendTypes, getNuxtModuleOptions, isNuxtGenerate, resolveNitroPreset, resolveNuxtContentVersion };

package/dist/layer-devtools/app.config.ts

@@ -0,0 +1,27 @@
+export default defineAppConfig({
+  ui: {
+    colors: {
+      primary: 'green',
+      neutral: 'neutral',
+    },
+    button: {
+      defaultVariants: {
+        color: 'neutral',
+        variant: 'ghost',
+        size: 'sm',
+      },
+    },
+    badge: {
+      defaultVariants: {
+        color: 'neutral',
+        variant: 'subtle',
+        size: 'xs',
+      },
+    },
+    tooltip: {
+      defaultVariants: {
+        delayDuration: 0,
+      },
+    },
+  },
+})

package/dist/layer-devtools/assets/css/global.css

@@ -0,0 +1,377 @@
+@import "tailwindcss";
+@import "@nuxt/ui";
+
+@theme {
+  --font-sans: 'Hubot Sans', ui-sans-serif, system-ui, sans-serif;
+  --font-mono: 'Fira Code', ui-monospace, monospace;
+
+  /* Neutral palette, true gray with minimal chroma */
+  --color-neutral-50: oklch(98% 0.002 260);
+  --color-neutral-100: oklch(96% 0.003 260);
+  --color-neutral-200: oklch(91% 0.005 260);
+  --color-neutral-300: oklch(85% 0.008 260);
+  --color-neutral-400: oklch(65% 0.015 260);
+  --color-neutral-500: oklch(50% 0.018 260);
+  --color-neutral-600: oklch(40% 0.015 260);
+  --color-neutral-700: oklch(30% 0.012 260);
+  --color-neutral-800: oklch(20% 0.01 260);
+  --color-neutral-900: oklch(14% 0.008 260);
+  --color-neutral-950: oklch(9% 0.005 260);
+}
+
+:root {
+  /* Brand colors - Nuxt SEO green */
+  --seo-green: oklch(65% 0.2 145);
+
+  /* Semantic colors */
+  --color-surface: var(--color-neutral-50);
+  --color-surface-elevated: white;
+  --color-surface-sunken: var(--color-neutral-100);
+  --color-border: var(--color-neutral-200);
+  --color-border-subtle: var(--color-neutral-100);
+  --color-text: var(--color-neutral-900);
+  --color-text-muted: var(--color-neutral-500);
+  --color-text-subtle: var(--color-neutral-400);
+
+  --radius-sm: 6px;
+  --radius-md: 10px;
+  --radius-lg: 14px;
+}
+
+.dark {
+  --color-surface: var(--color-neutral-950);
+  --color-surface-elevated: var(--color-neutral-900);
+  --color-surface-sunken: oklch(7% 0.004 260);
+  --color-border: var(--color-neutral-800);
+  --color-border-subtle: oklch(16% 0.008 260);
+  --color-text: var(--color-neutral-100);
+  --color-text-muted: var(--color-neutral-400);
+  --color-text-subtle: var(--color-neutral-500);
+}
+
+/* Base styles */
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: var(--font-sans);
+  font-feature-settings: 'liga' 1, 'calt' 1;
+  background: var(--color-surface);
+  color: var(--color-text);
+  line-height: 1.6;
+}
+
+/* Typography */
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+p {
+  text-wrap: pretty;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+}
+
+/* Scrollbar styling */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: oklch(50% 0.015 260 / 0.25) transparent;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: oklch(50% 0.015 260 / 0.25);
+  border-radius: 4px;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: oklch(50% 0.015 260 / 0.4);
+}
+
+.dark ::-webkit-scrollbar-thumb {
+  background-color: oklch(55% 0.015 260 / 0.2);
+}
+
+.dark ::-webkit-scrollbar-thumb:hover {
+  background-color: oklch(55% 0.015 260 / 0.35);
+}
+
+/* Gradient background effect */
+.gradient-bg {
+  position: fixed;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  opacity: 0.6;
+  background:
+    radial-gradient(ellipse 80% 50% at 50% -20%, oklch(85% 0.12 145 / 0.15), transparent),
+    radial-gradient(ellipse 60% 40% at 100% 0%, oklch(80% 0.1 200 / 0.08), transparent);
+}
+
+.dark .gradient-bg {
+  opacity: 0.4;
+  background:
+    radial-gradient(ellipse 80% 50% at 50% -20%, oklch(40% 0.1 145 / 0.2), transparent),
+    radial-gradient(ellipse 60% 40% at 100% 0%, oklch(35% 0.08 200 / 0.15), transparent);
+}
+
+/* Animation utilities */
+@keyframes fade-up {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes scale-in {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+.animate-fade-up {
+  animation: fade-up 400ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
+}
+
+.animate-scale-in {
+  animation: scale-in 300ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
+/* Stagger children animations */
+.stagger-children > * {
+  animation: fade-up 400ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
+}
+.stagger-children > *:nth-child(1) { animation-delay: 0ms; }
+.stagger-children > *:nth-child(2) { animation-delay: 50ms; }
+.stagger-children > *:nth-child(3) { animation-delay: 100ms; }
+.stagger-children > *:nth-child(4) { animation-delay: 150ms; }
+.stagger-children > *:nth-child(5) { animation-delay: 200ms; }
+.stagger-children > *:nth-child(6) { animation-delay: 250ms; }
+
+/* Focus styles */
+:focus-visible {
+  outline: 2px solid var(--seo-green);
+  outline-offset: 2px;
+}
+
+/* Base backgrounds */
+.bg-base {
+  background: var(--color-surface);
+}
+
+/* Card styling */
+.card {
+  background: var(--color-surface-elevated);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
+  transition: border-color 200ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 200ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.card:hover {
+  border-color: var(--color-neutral-300);
+  box-shadow: 0 4px 20px oklch(0% 0 0 / 0.06);
+}
+
+.dark .card:hover {
+  border-color: var(--color-neutral-700);
+  box-shadow: 0 4px 20px oklch(0% 0 0 / 0.3);
+}
+
+/* Glass effect */
+.glass {
+  background: oklch(100% 0 0 / 0.8);
+  backdrop-filter: blur(16px) saturate(180%);
+  -webkit-backdrop-filter: blur(16px) saturate(180%);
+}
+
+.dark .glass {
+  background: oklch(9% 0.005 260 / 0.85);
+}
+
+/* Code block styling */
+.code-block {
+  background: var(--color-surface-sunken);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  overflow-x: auto;
+  font-family: var(--font-mono);
+  font-size: 13px;
+  line-height: 1.7;
+}
+
+.code-block .shiki {
+  background: transparent !important;
+}
+
+.dark .shiki,
+.dark .shiki span {
+  color: var(--shiki-dark) !important;
+  background-color: transparent !important;
+}
+
+.code-block-lines .shiki code .line::before {
+  display: none;
+}
+
+/* Status indicators */
+.status-enabled {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.25rem 0.625rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  border-radius: var(--radius-sm);
+  background: oklch(75% 0.15 145 / 0.12);
+  color: oklch(50% 0.15 145);
+}
+
+.dark .status-enabled {
+  background: oklch(50% 0.15 145 / 0.15);
+  color: oklch(75% 0.18 145);
+}
+
+.status-disabled {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.25rem 0.625rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  border-radius: var(--radius-sm);
+  background: oklch(65% 0.12 25 / 0.1);
+  color: oklch(55% 0.15 25);
+}
+
+.dark .status-disabled {
+  background: oklch(45% 0.1 25 / 0.15);
+  color: oklch(70% 0.12 25);
+}
+
+/* Link with external indicator */
+.link-external {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  color: var(--seo-green);
+  text-decoration: none;
+  font-weight: 500;
+  transition: all 150ms ease;
+}
+
+.link-external:hover {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.link-external::after {
+  content: '\2197';
+  font-size: 0.75em;
+  opacity: 0.6;
+  transition: transform 150ms ease;
+}
+
+.link-external:hover::after {
+  transform: translate(1px, -1px);
+  opacity: 1;
+}
+
+/* Hint/tip callout */
+.hint-callout {
+  display: flex;
+  gap: 0.75rem;
+  padding: 0.875rem 1rem;
+  border-radius: var(--radius-md);
+  background: oklch(85% 0.08 200 / 0.08);
+  border: 1px solid oklch(70% 0.08 200 / 0.15);
+}
+
+.dark .hint-callout {
+  background: oklch(30% 0.05 200 / 0.15);
+  border-color: oklch(45% 0.06 200 / 0.2);
+}
+
+.hint-callout-icon {
+  flex-shrink: 0;
+  color: oklch(55% 0.12 200);
+}
+
+.dark .hint-callout-icon {
+  color: oklch(70% 0.1 200);
+}
+
+/* Panel grid pattern background with radial fade */
+.panel-grids {
+  background-color: var(--color-surface-sunken);
+  position: relative;
+}
+
+.panel-grids::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  background-image:
+    linear-gradient(var(--color-border-subtle) 1px, transparent 1px),
+    linear-gradient(90deg, var(--color-border-subtle) 1px, transparent 1px);
+  background-size: 24px 24px;
+  background-position: -1px -1px;
+  mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 20%, transparent 70%);
+  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 20%, transparent 70%);
+  pointer-events: none;
+}
+
+.panel-grids > * {
+  position: relative;
+  z-index: 1;
+}
+
+/* Reduced motion */
+@media (prefers-reduced-motion: reduce) {
+  .animate-fade-up,
+  .animate-scale-in,
+  .animate-spin,
+  .stagger-children > * {
+    animation: none;
+  }
+}
+
+/* Subtle text selection */
+::selection {
+  background: oklch(65% 0.2 145 / 0.25);
+}
+
+.dark ::selection {
+  background: oklch(65% 0.2 145 / 0.35);
+}