nuxt-og-image 6.1.2 → 6.2.0

package/dist/shared/{nuxt-og-image.DFZD-Kf4.cjs → nuxt-og-image.CBzKFXjI.cjs}

@@ -5,17 +5,18 @@ const promises = require('node:fs/promises');
 const node_url = require('node:url');
 const kit = require('@nuxt/kit');
 const defu = require('defu');
-const kit$1 = require('nuxt-site-config/kit');
+const kit$2 = require('nuxt-site-config/kit');
 const ohash = require('ohash');
 const pathe = require('pathe');
 const pkgTypes = require('pkg-types');
 const node_crypto = require('node:crypto');
 const oxcWalker = require('oxc-walker');
-const stdEnv = require('std-env');
+const kit$1 = require('nuxtseo-shared/kit');
 const logger_js = require('../../dist/runtime/logger.js');
 const chromeLauncher = require('chrome-launcher');
+const stdEnv = require('std-env');
 const nypm = require('nypm');
-const devtoolsKit = require('@nuxt/devtools-kit');
+const devtools = require('nuxtseo-shared/devtools');
 const unstorage = require('unstorage');
 const fsDriver = require('unstorage/drivers/fs-lite');
 const css_js = require('../../dist/runtime/server/og-image/utils/css.js');
@@ -101,19 +102,6 @@ function getRegisteredBaseNames(registeredPascalName) {
   return names;
 }
 
-const autodetectableProviders = {
-  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"
-};
 const NodeRuntime = {
   // node-server runtime
   browser: "on-demand",
@@ -220,23 +208,13 @@ const RuntimeCompatibility = {
   "cloudflare-module": cloudflare,
   "cloudflare-durable": cloudflare
 };
-function detectTarget(options = {}) {
-  return options?.static ? autodetectableStaticProviders[stdEnv.provider] : autodetectableProviders[stdEnv.provider];
-}
-function resolveNitroPreset(nitroConfig) {
-  if (stdEnv.provider === "stackblitz" || stdEnv.provider === "codesandbox")
-    return stdEnv.provider;
+function resolveOgImagePreset(nitroConfig) {
   const nuxt = kit.useNuxt();
   if (nuxt.options.dev)
     return "nitro-dev";
   if (nuxt.options.nitro.static)
     return "nitro-prerender";
-  let preset;
-  if (nitroConfig && nitroConfig?.preset)
-    preset = nitroConfig.preset;
-  if (!preset)
-    preset = stdEnv.env.NITRO_PRESET || stdEnv.env.SERVER_PRESET || detectTarget() || "node-server";
-  return preset.replace("_", "-");
+  return kit$1.resolveNitroPreset(nitroConfig);
 }
 function getPresetNitroPresetCompatibility(target) {
   const normalizedTarget = target.replace(RE_LEGACY_SUFFIX, "");
@@ -248,7 +226,7 @@ function getPresetNitroPresetCompatibility(target) {
   return compatibility;
 }
 async function applyNitroPresetCompatibility(nitroConfig, options) {
-  const target = resolveNitroPreset(nitroConfig);
+  const target = resolveOgImagePreset(nitroConfig);
   const compatibility = getPresetNitroPresetCompatibility(target);
   const { resolve, detectedRenderers } = options;
   const satoriEnabled = detectedRenderers.has("satori");
@@ -291,7 +269,7 @@ async function applyNitroPresetCompatibility(nitroConfig, options) {
     await applyBinding("sharp"),
     nitroConfig.alias || {}
   );
-  if (Object.values(compatibility).includes("wasm")) {
+  if (Object.values(resolvedCompatibility).includes("wasm")) {
     nitroConfig.experimental = nitroConfig.experimental || {};
     nitroConfig.experimental.wasm = true;
   }
@@ -340,7 +318,7 @@ async function setupBuildHandler(config, resolve, getDetectedRenderers, nuxt = k
   nuxt.hooks.hook("nitro:init", async (nitro) => {
     const renderers = getDetectedRenderers();
     await applyNitroPresetCompatibility(nitro.options, { compatibility: config.compatibility?.runtime, resolve, detectedRenderers: renderers });
-    const target = resolveNitroPreset(nitro.options);
+    const target = resolveOgImagePreset(nitro.options);
     const normalizedTarget = target.replace(RE_LEGACY_SUFFIX, "");
     const isEdgePreset = ["cloudflare", "cloudflare-pages", "cloudflare-pages-static", "cloudflare-module", "cloudflare-durable", "vercel-edge", "netlify-edge"].includes(normalizedTarget);
     const isCloudflarePreset = normalizedTarget.startsWith("cloudflare");
@@ -373,9 +351,10 @@ async function setupBuildHandler(config, resolve, getDetectedRenderers, nuxt = k
           }
         }
       }
-      const [resvgHash, yogaHash] = await Promise.all([
+      const [resvgHash, yogaHash, takumiHash] = await Promise.all([
         resolveFilePathSha1("@resvg/resvg-wasm/index_bg.wasm"),
-        resolveFilePathSha1("satori/yoga.wasm")
+        resolveFilePathSha1("satori/yoga.wasm"),
+        resolveFilePathSha1("@takumi-rs/wasm/takumi_wasm_bg.wasm")
       ]);
       for (const entry of wasmEntries) {
         if (!fs.existsSync(entry))
@@ -393,7 +372,7 @@ async function setupBuildHandler(config, resolve, getDetectedRenderers, nuxt = k
         if (compatibility.wasm?.esmImport) {
           const postfix = normalizedTarget === "vercel-edge" ? "?module" : "";
           const wasmPath = isCloudflarePagesOrModule ? `../wasm/` : `./wasm/`;
-          contents = contents.replaceAll('"@resvg/resvg-wasm/index_bg.wasm?module"', `"${wasmPath}index_bg-${resvgHash}.wasm${postfix}"`).replaceAll('"satori/yoga.wasm?module"', `"${wasmPath}yoga-${yogaHash}.wasm${postfix}"`).replaceAll('"yoga-wasm-web/dist/yoga.wasm?module"', `"${wasmPath}yoga-${yogaHash}.wasm${postfix}"`);
+          contents = contents.replaceAll('"@resvg/resvg-wasm/index_bg.wasm?module"', `"${wasmPath}index_bg-${resvgHash}.wasm${postfix}"`).replaceAll('"satori/yoga.wasm?module"', `"${wasmPath}yoga-${yogaHash}.wasm${postfix}"`).replaceAll('"@takumi-rs/wasm/takumi_wasm_bg.wasm?module"', `"${wasmPath}takumi_wasm_bg-${takumiHash}.wasm${postfix}"`).replaceAll('"yoga-wasm-web/dist/yoga.wasm?module"', `"${wasmPath}yoga-${yogaHash}.wasm${postfix}"`);
           if (postfix) {
             contents = contents.replaceAll(RE_WASM_IMPORT, `import("$1${postfix}")`);
           }
@@ -407,7 +386,7 @@ async function setupBuildHandler(config, resolve, getDetectedRenderers, nuxt = k
   });
 }
 async function resolveFilePathSha1(path) {
-  const _path = await kit.resolvePath(path);
+  const _path = await kit.resolvePath(path).catch(() => path);
   return sha1(fs.existsSync(_path) ? await promises.readFile(_path) : Buffer.from(path));
 }
 function sha1(source) {
@@ -558,7 +537,7 @@ function getProviderDependencies(provider, binding = "node") {
   return deps.map((d) => d.name);
 }
 function getRecommendedBindingFromPreset(provider) {
-  const preset = resolveNitroPreset();
+  const preset = resolveOgImagePreset();
   const compatibility = getPresetNitroPresetCompatibility(preset);
   return getRecommendedBinding(provider, compatibility);
 }
@@ -641,7 +620,7 @@ async function validateProviderSetup(renderer, compatibility) {
 function setupDevHandler(options, resolve, getDetectedRenderers, nuxt = kit.useNuxt()) {
   nuxt.hooks.hook("nitro:init", async (nitro) => {
     const detectedRenderers = new Set(getDetectedRenderers());
-    const targetCompatibility = getPresetNitroPresetCompatibility(resolveNitroPreset(nitro.options));
+    const targetCompatibility = getPresetNitroPresetCompatibility(resolveOgImagePreset(nitro.options));
     for (const renderer of ["satori", "takumi", "browser"]) {
       if (!detectedRenderers.has(renderer)) {
         const binding = getRecommendedBinding(renderer, targetCompatibility);
@@ -654,8 +633,6 @@ function setupDevHandler(options, resolve, getDetectedRenderers, nuxt = kit.useN
   });
 }
 
-const DEVTOOLS_UI_ROUTE = "/__nuxt-og-image";
-const DEVTOOLS_UI_LOCAL_PORT = 3030;
 const RE_TILDE_SLASH = /^~\//;
 const RE_WORD_CHARS_ONLY = /^\w+$/;
 const RE_SCRIPT_SETUP = /<script\s+setup[^>]*>\n?/;
@@ -738,31 +715,13 @@ p {
 `;
 }
 function setupDevToolsUI(options, resolve, nuxt = kit.useNuxt(), cssFramework = "none") {
-  const clientPath = resolve("./client");
+  devtools.setupDevToolsUI({
+    route: "/__nuxt-og-image",
+    name: "nuxt-og-image",
+    title: "OG Image",
+    icon: "carbon:image-search"
+  }, resolve, nuxt);
   const communityTemplatesDir = resolve("./runtime/app/components/Templates/Community");
-  const isProductionBuild = fs.existsSync(clientPath);
-  if (isProductionBuild) {
-    nuxt.hook("vite:serverCreated", async (server) => {
-      const sirv = await import('sirv').then((r) => r.default || r);
-      server.middlewares.use(
-        DEVTOOLS_UI_ROUTE,
-        sirv(clientPath, { dev: true, single: true })
-      );
-    });
-  } else {
-    nuxt.hook("vite:extendConfig", (config) => {
-      if (!config.server) {
-        config.server = {};
-      }
-      config.server.proxy ||= {};
-      config.server.proxy[DEVTOOLS_UI_ROUTE] = {
-        target: `http://localhost:${DEVTOOLS_UI_LOCAL_PORT}${DEVTOOLS_UI_ROUTE}`,
-        changeOrigin: true,
-        followRedirects: true,
-        rewrite: (path) => path.replace(DEVTOOLS_UI_ROUTE, "")
-      };
-    });
-  }
   const useNitro = new Promise((resolve2) => {
     nuxt.hooks.hook("nitro:init", resolve2);
   });
@@ -788,61 +747,60 @@ ${content}`, "utf-8");
     }
     return true;
   }
-  devtoolsKit.onDevToolsInitialized(async () => {
-    const rpc = devtoolsKit.extendServerRpc("nuxt-og-image", {
-      async ejectCommunityTemplate(path) {
-        const [dirName, componentName] = path.split("/");
-        const nameWithoutExt = componentName?.replace(".vue", "") || "";
-        let dotNotationName;
-        if (nameWithoutExt.includes(".")) {
-          dotNotationName = `${nameWithoutExt}.vue`;
-        } else {
-          const rendererMatch = nameWithoutExt.match(RE_RENDERER_SUFFIX);
-          const renderer = rendererMatch?.[1]?.toLowerCase() || "satori";
-          const baseName = nameWithoutExt.replace(RE_RENDERER_SUFFIX, "");
-          dotNotationName = `${baseName}.${renderer}.vue`;
-        }
-        const dir = pathe.join(nuxt.options.srcDir, "components", dirName || "");
-        if (!fs.existsSync(dir)) {
-          fs.mkdirSync(dir, { recursive: true });
-        }
-        const newPath = pathe.join(dir, dotNotationName);
-        const templatePath = pathe.join(communityTemplatesDir, dotNotationName);
-        const template = (await promises.readFile(templatePath, "utf-8")).replace("{{ title }}", `{{ title }} - Ejected!`);
-        await promises.writeFile(newPath, template, { encoding: "utf-8" });
-        await kit.updateTemplates({ filter: (t) => t.filename.includes("nuxt-og-image/components.mjs") });
-        const nitro = await useNitro;
-        await nitro.hooks.callHook("rollup:reload");
-        return newPath;
-      },
-      async createComponent({ name, renderer, pageFile }) {
-        const validRenderers = ["satori", "browser", "takumi"];
-        if (!validRenderers.includes(renderer))
-          throw new Error(`Invalid renderer: ${renderer}`);
-        if (!RE_WORD_CHARS_ONLY.test(name))
-          throw new Error(`Invalid component name: ${name}`);
-        const baseDir = fs.existsSync(pathe.join(nuxt.options.srcDir, "app")) ? pathe.join(nuxt.options.srcDir, "app") : nuxt.options.srcDir;
-        const outputDir = pathe.join(baseDir, "components", "OgImage");
-        if (!fs.existsSync(outputDir))
-          fs.mkdirSync(outputDir, { recursive: true });
-        const filename = `${name}.${renderer}.vue`;
-        const outputPath = pathe.join(outputDir, filename);
-        if (fs.existsSync(outputPath))
-          throw new Error(`File already exists: ${pathe.relative(nuxt.options.rootDir, outputPath)}`);
-        const template = getStarterTemplate(renderer, cssFramework);
-        await promises.writeFile(outputPath, template, { encoding: "utf-8" });
-        await insertDefineOgImage(name, pageFile);
-        await kit.updateTemplates({ filter: (t) => t.filename.includes("nuxt-og-image/components.mjs") });
-        const nitro = await useNitro;
-        await nitro.hooks.callHook("rollup:reload");
-        return outputPath;
-      },
-      async addOgImageToPage(componentName, pageFile) {
-        if (!RE_WORD_CHARS_ONLY.test(componentName))
-          throw new Error(`Invalid component name: ${componentName}`);
-        return insertDefineOgImage(componentName, pageFile);
+  devtools.setupDevToolsRpc("nuxt-og-image", {
+    async ejectCommunityTemplate(path) {
+      const [dirName, componentName] = path.split("/");
+      const nameWithoutExt = componentName?.replace(".vue", "") || "";
+      let dotNotationName;
+      if (nameWithoutExt.includes(".")) {
+        dotNotationName = `${nameWithoutExt}.vue`;
+      } else {
+        const rendererMatch = nameWithoutExt.match(RE_RENDERER_SUFFIX);
+        const renderer = rendererMatch?.[1]?.toLowerCase() || "satori";
+        const baseName = nameWithoutExt.replace(RE_RENDERER_SUFFIX, "");
+        dotNotationName = `${baseName}.${renderer}.vue`;
       }
-    });
+      const dir = pathe.join(nuxt.options.srcDir, "components", dirName || "");
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+      }
+      const newPath = pathe.join(dir, dotNotationName);
+      const templatePath = pathe.join(communityTemplatesDir, dotNotationName);
+      const template = (await promises.readFile(templatePath, "utf-8")).replace("{{ title }}", `{{ title }} - Ejected!`);
+      await promises.writeFile(newPath, template, { encoding: "utf-8" });
+      await kit.updateTemplates({ filter: (t) => t.filename.includes("nuxt-og-image/components.mjs") });
+      const nitro = await useNitro;
+      await nitro.hooks.callHook("rollup:reload");
+      return newPath;
+    },
+    async createComponent({ name, renderer, pageFile }) {
+      const validRenderers = ["satori", "browser", "takumi"];
+      if (!validRenderers.includes(renderer))
+        throw new Error(`Invalid renderer: ${renderer}`);
+      if (!RE_WORD_CHARS_ONLY.test(name))
+        throw new Error(`Invalid component name: ${name}`);
+      const baseDir = fs.existsSync(pathe.join(nuxt.options.srcDir, "app")) ? pathe.join(nuxt.options.srcDir, "app") : nuxt.options.srcDir;
+      const outputDir = pathe.join(baseDir, "components", "OgImage");
+      if (!fs.existsSync(outputDir))
+        fs.mkdirSync(outputDir, { recursive: true });
+      const filename = `${name}.${renderer}.vue`;
+      const outputPath = pathe.join(outputDir, filename);
+      if (fs.existsSync(outputPath))
+        throw new Error(`File already exists: ${pathe.relative(nuxt.options.rootDir, outputPath)}`);
+      const template = getStarterTemplate(renderer, cssFramework);
+      await promises.writeFile(outputPath, template, { encoding: "utf-8" });
+      await insertDefineOgImage(name, pageFile);
+      await kit.updateTemplates({ filter: (t) => t.filename.includes("nuxt-og-image/components.mjs") });
+      const nitro = await useNitro;
+      await nitro.hooks.callHook("rollup:reload");
+      return outputPath;
+    },
+    async addOgImageToPage(componentName, pageFile) {
+      if (!RE_WORD_CHARS_ONLY.test(componentName))
+        throw new Error(`Invalid component name: ${componentName}`);
+      return insertDefineOgImage(componentName, pageFile);
+    }
+  }, nuxt).then((rpc) => {
     let cssRefreshTimer;
     nuxt.hook("builder:watch", (e, watchPath) => {
       if (!e || !watchPath)
@@ -876,15 +834,6 @@ ${content}`, "utf-8");
       }
     });
   });
-  devtoolsKit.addCustomTab({
-    name: "nuxt-og-image",
-    title: "OG Image",
-    icon: "carbon:image-search",
-    view: {
-      type: "iframe",
-      src: DEVTOOLS_UI_ROUTE
-    }
-  });
 }
 
 const _warnedVars = /* @__PURE__ */ new Set();
@@ -3503,29 +3452,6 @@ ${importStatements}
   };
 });
 
-async function getNuxtModuleOptions(module, nuxt = kit.useNuxt()) {
-  const moduleMeta = ({ name: module } ) || {};
-  const { nuxtModule } = await kit.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;
-}
-function isNuxtGenerate(nuxt = kit.useNuxt()) {
-  return nuxt.options.nitro.static || nuxt.options.nitro.preset === "static";
-}
-
 const warnings = [];
 const counts = {
   config: /* @__PURE__ */ new Map(),
@@ -3861,7 +3787,7 @@ async function onUpgrade(nuxt, _options, previousVersion) {
   }
   if (detectedRenderers.size === 0)
     detectedRenderers.add("satori");
-  const preset = resolveNitroPreset();
+  const preset = resolveOgImagePreset();
   const compatibility = getPresetNitroPresetCompatibility(preset);
   for (const renderer of detectedRenderers) {
     const validation = await validateProviderSetup(renderer, compatibility);
@@ -4151,6 +4077,9 @@ const module$1 = kit.defineNuxtModule({
     },
     "@nuxt/fonts": {
       optional: true
+    },
+    "nuxt-site-config": {
+      version: ">=3.2"
     }
   },
   defaults() {
@@ -4177,7 +4106,7 @@ const module$1 = kit.defineNuxtModule({
     await onUpgrade(nuxt, options, previousVersion);
   },
   async setup(config, nuxt) {
-    const _resolver = kit.createResolver((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/nuxt-og-image.DFZD-Kf4.cjs', document.baseURI).href)));
+    const _resolver = kit.createResolver((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/nuxt-og-image.CBzKFXjI.cjs', document.baseURI).href)));
     const fixSharedPath = (p) => {
       if (p.includes("/shared/runtime/"))
         return p.replace("/shared/runtime/", "/runtime/");
@@ -4242,7 +4171,7 @@ Or pin to a specific version in package.json:
     }
     nuxt.options.alias["#og-image"] = resolve("./runtime");
     nuxt.options.alias["#og-image-cache"] = resolve("./runtime/server/og-image/cache/lru");
-    const preset = resolveNitroPreset(nuxt.options.nitro);
+    const preset = resolveOgImagePreset(nuxt.options.nitro);
     const targetCompatibility = getPresetNitroPresetCompatibility(preset);
     const normalizedPreset = preset.replace(RE_LEGACY_SUFFIX, "");
     const isCloudflareWorkers = ["cloudflare", "cloudflare-module", "cloudflare-durable"].includes(normalizedPreset);
@@ -4570,7 +4499,7 @@ ${familyInfo}`);
         prerender: { browser: browserBinding.prerender }
       });
     }
-    await kit$1.installNuxtSiteConfig();
+    await kit$2.installNuxtSiteConfig();
     nuxt.options.experimental.componentIslands ||= true;
     if (config.debug || nuxt.options.dev) {
       kit.addServerHandler({
@@ -4886,7 +4815,7 @@ export const resolve = (import.meta.dev || import.meta.prerender) ? devResolve :
       if (hasNuxtFonts && fontContext) {
         persistFontUrlMapping({ fontContext, buildDir: nuxt.options.buildDir, logger: logger_js.logger });
       }
-      if (!fontProcessingDone && convertedWoff2Files.size === 0 && (hasSatoriRenderer() || hasTakumiRenderer()) && hasNuxtFonts) {
+      if (!fontProcessingDone && convertedWoff2Files.size === 0 && hasSatoriRenderer() && hasNuxtFonts) {
         if (pendingFontRequirements.length > 0)
           await Promise.all(pendingFontRequirements);
         await convertWoff2ToTtf({
@@ -4955,7 +4884,7 @@ export const rootDir = ${JSON.stringify(nuxt.options.rootDir)}`;
       });
       nuxt.hook("vite:compiled", async () => {
         persistFontUrlMapping({ fontContext, buildDir: nuxt.options.buildDir, logger: logger_js.logger });
-        if (fontProcessingDone || !hasSatoriRenderer() && !hasTakumiRenderer())
+        if (fontProcessingDone || !hasSatoriRenderer())
           return;
         if (pendingFontRequirements.length === 0)
           return;
@@ -5011,13 +4940,8 @@ export const rootDir = ${JSON.stringify(nuxt.options.rootDir)}`;
     const buildCachePath = typeof config.buildCache === "object" && config.buildCache.base ? config.buildCache.base : "node_modules/.cache/nuxt-seo/og-image";
     const buildCacheDir = config.buildCache ? pathe.join(nuxt.options.rootDir, buildCachePath) : void 0;
     nuxt.hooks.hook("modules:done", async () => {
-      if (!isNuxtGenerate() && nuxt.options.build) {
-        nuxt.options.nitro = nuxt.options.nitro || {};
-        nuxt.options.nitro.prerender = nuxt.options.nitro.prerender || {};
-        nuxt.options.nitro.prerender.routes = nuxt.options.nitro.prerender.routes || [];
-      }
       const hasColorModeModule = kit.hasNuxtModule("@nuxtjs/color-mode");
-      const colorModeOptions = hasColorModeModule ? await getNuxtModuleOptions("@nuxtjs/color-mode") : {};
+      const colorModeOptions = hasColorModeModule ? await kit$1.getNuxtModuleOptions("@nuxtjs/color-mode") : {};
       let colorPreference = colorModeOptions.preference;
       if (!colorPreference || colorPreference === "system")
         colorPreference = colorModeOptions.fallback;
@@ -5089,7 +5013,7 @@ export const rootDir = ${JSON.stringify(nuxt.options.rootDir)}`;
           await nitro.hooks.callHook("rollup:reload");
         }
       });
-    } else if (isNuxtGenerate()) {
+    } else if (kit$1.isNuxtGenerate()) {
       setupGenerateHandler(config, resolver);
     } else if (nuxt.options.build) {
       await setupBuildHandler(config, resolver, getDetectedRenderers);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "6.1.2",
+  "version": "6.2.0",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -108,7 +108,9 @@
     "magic-string": "^0.30.21",
     "magicast": "^0.5.2",
     "mocked-exports": "^0.1.1",
-    "nuxt-site-config": "^3.2.21",
+    "nuxt-site-config": "^4.0.0",
+    "nuxtseo-layer-devtools": "^0.3.0",
+    "nuxtseo-shared": "^0.7.0",
     "nypm": "^0.6.5",
     "ofetch": "^1.5.1",
     "ohash": "^2.0.11",
@@ -132,7 +134,7 @@
     "@iconify-json/logos": "^1.2.10",
     "@iconify-json/noto": "^1.2.7",
     "@iconify-json/ri": "^1.2.10",
-    "@iconify-json/tabler": "^1.2.31",
+    "@iconify-json/tabler": "^1.2.32",
     "@img/sharp-linux-x64": "^0.34.5",
     "@nuxt/content": "^3.12.0",
     "@nuxt/devtools": "^3.2.4",
@@ -142,28 +144,28 @@
     "@nuxt/image": "^2.0.0",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/test-utils": "^4.0.0",
-    "@nuxt/ui": "^4.5.1",
+    "@nuxt/ui": "^4.6.0",
     "@nuxtjs/color-mode": "^4.0.0",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@nuxtjs/i18n": "^10.2.3",
+    "@nuxtjs/i18n": "^10.2.4",
     "@nuxtjs/tailwindcss": "7.0.0-beta.1",
     "@resvg/resvg-js": "^2.6.2",
     "@resvg/resvg-wasm": "^2.6.2",
     "@shikijs/langs": "^4.0.2",
     "@shikijs/themes": "^4.0.2",
     "@tailwindcss/vite": "^4.2.2",
-    "@takumi-rs/core": "^1.0.0-beta.9",
-    "@takumi-rs/wasm": "^1.0.0-beta.9",
+    "@takumi-rs/core": "1.0.0-beta.13",
+    "@takumi-rs/wasm": "1.0.0-beta.13",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vueuse/nuxt": "^14.2.1",
     "birpc": "^4.0.0",
     "bumpp": "^11.0.1",
     "eslint": "^10.1.0",
-    "eslint-plugin-harlanzw": "^0.10.3",
+    "eslint-plugin-harlanzw": "^0.11.0",
     "fontless": "^0.2.1",
     "get-image-colors": "^4.0.1",
     "globby": "^16.1.1",
-    "happy-dom": "^20.8.4",
+    "happy-dom": "^20.8.7",
     "jest-image-snapshot": "^6.5.2",
     "lightningcss": "^1.32.0",
     "nuxt": "^4.4.2",
@@ -173,20 +175,20 @@
     "satori": "^0.26.0",
     "sharp": "^0.34.5",
     "tailwindcss": "^4.2.2",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.2",
     "unifont": "^0.7.4",
-    "vitest": "^4.1.0",
+    "vitest": "^4.1.1",
     "vue-tsc": "^3.2.6",
-    "wrangler": "^4.76.0",
+    "wrangler": "^4.77.0",
     "yoga-wasm-web": "^0.3.3"
   },
   "scripts": {
     "snapshots": "node --import jiti/register scripts/generate-template-snapshots.ts",
     "stub": "nuxt-build-module build --stub && nuxt-module-build prepare",
     "build": "pnpm stub && nuxt-module-build build && pnpm run build:client",
-    "build:client": "nuxt generate client",
+    "build:client": "nuxt generate devtools",
     "build:module": "nuxt-build-module build",
-    "client:dev": "nuxt dev client --port 3030",
+    "devtools": "nuxt dev devtools --port 3030",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "dev": "nuxt dev playground",

package/dist/client/200.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-og-image/_nuxt/uVtaRSp0.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.CjxjoX5J.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/uVtaRSp0.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Vmj2QZYx.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CoV50A8g.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CwCh3_ha.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D1lfPgTt.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/OW9R-PIP.js"><script type="module" src="/__nuxt-og-image/_nuxt/uVtaRSp0.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"1e1bd3b0-a510-4582-8d5c-6be1220c8d28",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774170167284,false]</script></body></html>

package/dist/client/404.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__nuxt-og-image/_nuxt/uVtaRSp0.js"}}</script><link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.CjxjoX5J.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/uVtaRSp0.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Vmj2QZYx.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CoV50A8g.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CwCh3_ha.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D1lfPgTt.js"><link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/OW9R-PIP.js"><script type="module" src="/__nuxt-og-image/_nuxt/uVtaRSp0.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"1e1bd3b0-a510-4582-8d5c-6be1220c8d28",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774170167285,false]</script></body></html>

package/dist/client/_nuxt/BKAklG_t.js

@@ -1 +0,0 @@
-import{H as e,K as t,Ot as n,S as r,St as i,T as a,Tt as o,_ as s,g as c,v as l,y as u}from"./Vmj2QZYx.js";import{F as d,j as f,x as p}from"#entry";var m=[`open`],h={class:`flex-1 min-w-0`},g={class:`section-label`},_={key:0,class:`section-description`},v=Object.assign(d(a({__name:`OSectionBlock`,props:{icon:{},text:{},description:{},containerClass:{default:``},headerClass:{},collapse:{type:Boolean,default:!0},open:{type:Boolean,default:!0},padding:{type:[Boolean,String],default:!0}},setup(a){let d=f(a,`open`);function v(e){d.value=e.target.open}return(f,y)=>{let b=p;return e(),u(`details`,{open:i(d),class:`section-block`,onToggle:v},[c(`summary`,{class:o([`section-header`,a.collapse?``:`pointer-events-none`])},[c(`div`,{class:o([`section-title`,[i(d)?``:`opacity-60`,a.headerClass]])},[a.icon?(e(),s(b,{key:0,name:a.icon,class:`section-icon`},null,8,[`name`])):l(``,!0),c(`div`,h,[c(`div`,g,[t(f.$slots,`text`,{},()=>[r(n(a.text),1)],!0)]),a.description||f.$slots.description?(e(),u(`div`,_,[t(f.$slots,`description`,{},()=>[r(n(a.description),1)],!0)])):l(``,!0)]),t(f.$slots,`actions`,{},void 0,!0),a.collapse?(e(),s(b,{key:1,name:`carbon:chevron-down`,class:`chevron`})):l(``,!0)],2)],2),c(`div`,{class:o([`section-content`,typeof a.padding==`string`?a.padding:a.padding?`px-4`:``])},[t(f.$slots,`details`,{},void 0,!0),c(`div`,{class:o(a.containerClass)},[t(f.$slots,`default`,{},void 0,!0)],2),t(f.$slots,`footer`,{},void 0,!0)],2)],40,m)}}}),[[`__scopeId`,`data-v-da1034ef`]]),{__name:`OSectionBlock`});export{v as t};

package/dist/client/_nuxt/C8-_X1H0.js

@@ -1 +0,0 @@
-import"./CwCh3_ha.js";import{t as e}from"./CoV50A8g.js";export{e as default};