nuxt-og-image 3.0.0-rc.65 → 3.0.0-rc.67

package/dist/runtime/nuxt/utils.js

@@ -1,10 +1,10 @@
+import { componentNames } from "#build/nuxt-og-image/components.mjs";
+import { unref, useServerHead } from "#imports";
+import { resolveUnrefHeadInput } from "@unhead/vue";
 import { defu } from "defu";
-import { withQuery } from "ufo";
 import { stringify } from "devalue";
-import { resolveUnrefHeadInput } from "@unhead/vue";
+import { withQuery } from "ufo";
 import { getExtension, separateProps } from "../shared.js";
-import { unref, useServerHead } from "#imports";
-import { componentNames } from "#build/nuxt-og-image/components.mjs";
 export function createOgImageMeta(src, input, resolvedOptions, ssrContext) {
   const _input = separateProps(defu(input, ssrContext._ogImagePayload));
   let url = src || input.url || resolvedOptions.url;
@@ -74,6 +74,8 @@ export function normaliseOptions(_options) {
         break;
       }
     }
+  } else if (!options.component) {
+    options.component = componentNames[0]?.pascalName;
   }
   return options;
 }

package/dist/runtime/shared.js

@@ -1,11 +1,11 @@
-import { joinURL } from "ufo";
-import { defu } from "defu";
 import { useRuntimeConfig } from "#imports";
+import { defu } from "defu";
+import { joinURL } from "ufo";
 export * from "./pure.js";
 export function getOgImagePath(pagePath, _options) {
   const baseURL = useRuntimeConfig().app.baseURL;
   const options = defu(_options, useOgImageRuntimeConfig().defaults);
-  return joinURL("/", baseURL, "__og-image__/image", pagePath, `og.${options.extension}`);
+  return joinURL("/", baseURL, `__og-image__/${import.meta.prerender ? "static" : "image"}`, pagePath, `og.${options.extension}`);
 }
 export function useOgImageRuntimeConfig() {
   return useRuntimeConfig()["nuxt-og-image"];

package/dist/runtime/types.d.ts

@@ -1,11 +1,11 @@
-import type { html } from 'satori-html';
-import type { H3Error, H3Event } from 'h3';
+import type { OgImageComponents } from '#nuxt-og-image/components';
 import type { ResvgRenderOptions } from '@resvg/resvg-js';
-import type { SatoriOptions } from 'satori';
 import type { AllowedComponentProps, Component, ComponentCustomProps, VNodeProps } from '@vue/runtime-core';
-import type { SharpOptions } from 'sharp';
+import type { H3Error, H3Event } from 'h3';
 import type { NitroApp, NitroOptions } from 'nitropack';
-import type { OgImageComponents } from '#nuxt-og-image/components';
+import type { SatoriOptions } from 'satori';
+import type { html } from 'satori-html';
+import type { SharpOptions } from 'sharp';
 export interface OgImageRenderEventContext {
     e: H3Event;
     extension: 'png' | 'jpeg' | 'jpg' | 'svg' | 'html' | 'json';
@@ -31,6 +31,7 @@ export interface OgImageRuntimeConfig {
     hasNuxtIcon: boolean;
     colorPreference: 'light' | 'dark';
     isNuxtContentDocumentDriven: boolean;
+    zeroRuntime: boolean;
 }
 export interface OgImageComponent {
     path?: string;

package/dist/types.d.mts

@@ -4,8 +4,4 @@ declare module '@nuxt/schema' {
   interface NuxtHooks extends ModuleHooks {}
 }
 
-declare module 'nuxt/schema' {
-  interface NuxtHooks extends ModuleHooks {}
-}
-
 export { type ModuleHooks, type ModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -4,8 +4,4 @@ declare module '@nuxt/schema' {
   interface NuxtHooks extends ModuleHooks {}
 }
 
-declare module 'nuxt/schema' {
-  interface NuxtHooks extends ModuleHooks {}
-}
-
 export { type ModuleHooks, type ModuleOptions, default } from './module'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.0-rc.65",
+  "version": "3.0.0-rc.67",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -35,70 +35,77 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^1.3.9",
-    "@nuxt/kit": "^3.12.3",
+    "@nuxt/devtools-kit": "^1.4.2",
+    "@nuxt/kit": "^3.13.1",
     "@resvg/resvg-js": "^2.6.2",
     "@resvg/resvg-wasm": "^2.6.2",
-    "@unocss/core": "^0.61.4",
-    "@unocss/preset-wind": "^0.61.4",
+    "@unocss/core": "^0.62.3",
+    "@unocss/preset-wind": "^0.62.3",
     "chrome-launcher": "^1.1.2",
     "defu": "^6.1.4",
-    "execa": "^9.3.0",
+    "execa": "^9.3.1",
     "image-size": "^1.1.1",
-    "nuxt-site-config": "^2.2.14",
-    "nuxt-site-config-kit": "^2.2.14",
-    "nypm": "^0.3.9",
+    "magic-string": "^0.30.11",
+    "nuxt-site-config": "^2.2.17",
+    "nuxt-site-config-kit": "^2.2.17",
+    "nypm": "^0.3.11",
     "ofetch": "^1.3.4",
     "ohash": "^1.1.3",
     "pathe": "^1.1.2",
-    "pkg-types": "^1.1.3",
-    "playwright-core": "^1.45.2",
+    "pkg-types": "^1.2.0",
+    "playwright-core": "^1.47.0",
     "radix3": "^1.1.2",
     "satori": "^0.10.14",
     "satori-html": "^0.3.2",
     "sirv": "^2.0.4",
     "std-env": "^3.7.0",
-    "ufo": "^1.5.3",
+    "strip-literal": "^2.1.0",
+    "ufo": "^1.5.4",
+    "unplugin": "^1.14.1",
     "unwasm": "^0.3.9",
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.22.4",
+    "@antfu/eslint-config": "^3.5.1",
     "@css-inline/css-inline": "^0.14.1",
-    "@headlessui/vue": "^1.7.22",
-    "@iconify-json/carbon": "^1.1.36",
-    "@iconify-json/logos": "^1.1.43",
-    "@iconify-json/noto": "^1.1.18",
-    "@iconify-json/ri": "^1.1.21",
-    "@iconify-json/tabler": "^1.1.117",
-    "@img/sharp-linux-x64": "0.33.4",
-    "@nuxt/content": "^2.13.1",
-    "@nuxt/devtools": "1.3.9",
-    "@nuxt/devtools-ui-kit": "^1.3.9",
-    "@nuxt/icon": "^1.1.1",
-    "@nuxt/image": "^1.7.0",
-    "@nuxt/module-builder": "^0.8.1",
-    "@nuxt/test-utils": "3.13.1",
-    "@nuxt/ui": "^2.17.0",
-    "@nuxtjs/color-mode": "^3.4.2",
+    "@headlessui/vue": "^1.7.23",
+    "@iconify-json/carbon": "^1.2.1",
+    "@iconify-json/logos": "^1.2.0",
+    "@iconify-json/noto": "^1.2.0",
+    "@iconify-json/ri": "^1.2.0",
+    "@iconify-json/tabler": "^1.2.1",
+    "@img/sharp-linux-x64": "0.33.5",
+    "@nuxt/content": "^2.13.2",
+    "@nuxt/devtools": "1.4.2",
+    "@nuxt/devtools-ui-kit": "^1.4.2",
+    "@nuxt/icon": "^1.5.1",
+    "@nuxt/image": "^1.8.0",
+    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/test-utils": "3.14.1",
+    "@nuxt/ui": "^2.18.4",
+    "@nuxtjs/color-mode": "^3.4.4",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@nuxtjs/i18n": "^8.3.1",
+    "@nuxtjs/i18n": "^8.5.3",
     "@nuxtjs/tailwindcss": "^6.12.1",
-    "@unocss/nuxt": "^0.61.4",
-    "@unocss/preset-icons": "^0.61.4",
-    "@unocss/preset-uno": "^0.61.4",
-    "@unocss/runtime": "^0.61.4",
-    "@vueuse/nuxt": "^10.11.0",
-    "bumpp": "^9.4.1",
-    "eslint": "9.7.0",
+    "@unocss/nuxt": "^0.62.3",
+    "@unocss/preset-icons": "^0.62.3",
+    "@unocss/preset-uno": "^0.62.3",
+    "@unocss/runtime": "^0.62.3",
+    "@vueuse/nuxt": "^11.0.3",
+    "bumpp": "^9.5.2",
+    "eslint": "9.10.0",
     "jest-image-snapshot": "^6.4.0",
-    "nuxt": "^3.12.3",
-    "playwright": "^1.45.2",
-    "sass": "^1.77.8",
-    "sharp": "^0.33.4",
-    "typescript": "^5.5.3",
-    "unocss": "^0.61.4",
-    "vitest": "^2.0.3"
+    "nuxt": "^3.13.1",
+    "playwright": "^1.47.0",
+    "sass": "^1.78.0",
+    "sharp": "^0.33.5",
+    "typescript": "^5.6.2",
+    "unocss": "^0.62.3",
+    "vitest": "^2.0.5"
+  },
+  "resolutions": {
+    "vue": "3.5.4",
+    "vue-router": "4.4.4"
   },
   "build": {
     "externals": [
@@ -108,7 +115,8 @@
       "#nuxt-og-image/components",
       "sharp",
       "unstorage",
-      "unstorage/drivers/fs"
+      "unstorage/drivers/fs",
+      "consola/utils"
     ]
   },
   "scripts": {
@@ -117,9 +125,9 @@
     "build:client": "nuxi generate client",
     "build:module": "nuxt-build-module build",
     "lint": "eslint . --fix",
-    "dev": "nuxi dev .playground",
-    "dev:build": "nuxi build .playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare .playground && nuxi prepare client",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare client",
     "release": "pnpm build && bumpp && pnpm -r publish --no-git-checks",
     "typecheck": "tsc --noEmit",
     "test": "vitest integration/endpoints"

package/virtual.d.ts

@@ -1,49 +1,49 @@
-declare module '#nuxt-og-image/components' {
-  import type { Component } from 'vue'
-
-  const components: Record<string, Component>
-  export default components
-}
-declare module '#nuxt-og-image/renderers/satori' {
-  import type Renderer from './src/runtime/types'
-
-  const renderer: Renderer | { __unenv__: true } | undefined
-  export default renderer
-}
-declare module '#nuxt-og-image/renderers/chromium' {
-  import type Renderer from './src/runtime/types'
-
-  const renderer: Renderer | { __unenv__: true } | undefined
-  export default renderer
-}
-
-declare module '#nuxt-og-image/bindings/satori' {
-  const satori: typeof import('satori').satori
-  export default satori
-}
-
-declare module '#nuxt-og-image/bindings/resvg' {
-  interface WasmResvg {
-    initWasmPromise: Promise<void>
-    Resvg: import('resvg').Resvg
-  }
-  const instance: WasmResvg
-  export default instance
-}
-declare module '#nuxt-og-image/bindings/chromium' {
-  export const createBrowser: () => Promise<Browser | void>
-}
-
-declare module '#nuxt-og-image/bindings/css-inline' {
-  import type _CssInline from 'css-inline'
-
-  const cssInline: _CssInline
-  export default cssInline
-}
-
-declare module '#nuxt-og-image/bindings/sharp' {
-  import type _sharp from 'sharp'
-
-  const sharp: _sharp
-  export default sharp
-}
+declare module '#nuxt-og-image/components' {
+  import type { Component } from 'vue'
+
+  const components: Record<string, Component>
+  export default components
+}
+declare module '#nuxt-og-image/renderers/satori' {
+  import type Renderer from './src/runtime/types'
+
+  const renderer: Renderer | { __unenv__: true } | undefined
+  export default renderer
+}
+declare module '#nuxt-og-image/renderers/chromium' {
+  import type Renderer from './src/runtime/types'
+
+  const renderer: Renderer | { __unenv__: true } | undefined
+  export default renderer
+}
+
+declare module '#nuxt-og-image/bindings/satori' {
+  const satori: typeof import('satori').satori
+  export default satori
+}
+
+declare module '#nuxt-og-image/bindings/resvg' {
+  interface WasmResvg {
+    initWasmPromise: Promise<void>
+    Resvg: import('resvg').Resvg
+  }
+  const instance: WasmResvg
+  export default instance
+}
+declare module '#nuxt-og-image/bindings/chromium' {
+  export const createBrowser: () => Promise<Browser | void>
+}
+
+declare module '#nuxt-og-image/bindings/css-inline' {
+  import type _CssInline from 'css-inline'
+
+  const cssInline: _CssInline
+  export default cssInline
+}
+
+declare module '#nuxt-og-image/bindings/sharp' {
+  import type _sharp from 'sharp'
+
+  const sharp: _sharp
+  export default sharp
+}