nuxt-og-image 3.0.0-rc.4 → 3.0.0-rc.40

package/dist/runtime/nuxt/utils.mjs

@@ -1,14 +1,16 @@
 import { defu } from "defu";
 import { withQuery } from "ufo";
-import { separateProps } from "../utils.mjs";
+import { getExtension, separateProps } from "../shared.mjs";
 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;
-  if (input._query && url)
+  if (!url)
+    return;
+  if (input._query && Object.keys(input._query).length && url)
     url = withQuery(url, { _query: input._query });
-  let urlExtension = (url.split("/").pop() || url).split(".").pop() || resolvedOptions.extension;
+  let urlExtension = getExtension(url) || resolvedOptions.extension;
   if (urlExtension === "jpg")
     urlExtension = "jpeg";
   const meta = [

package/dist/runtime/{utils.pure.d.ts → pure.d.ts}

@@ -1,6 +1,9 @@
 import type { InputFontConfig, OgImageOptions, ResolvedFontConfig } from './types';
+export declare function toBase64Image(fileName: string, data: string | ArrayBuffer): string;
 export declare function isInternalRoute(path: string): boolean;
 export declare function separateProps(options: OgImageOptions | undefined, ignoreKeys?: string[]): {
     props: Record<string, any>;
 };
 export declare function normaliseFontInput(fonts: InputFontConfig[]): ResolvedFontConfig[];
+export declare function withoutQuery(path: string): string;
+export declare function getExtension(path: string): string;

package/dist/runtime/{utils.pure.mjs → pure.mjs}

@@ -1,7 +1,16 @@
 import { defu } from "defu";
+export function toBase64Image(fileName, data) {
+  const base64 = typeof data === "string" ? data : Buffer.from(data).toString("base64");
+  let type = "image/jpeg";
+  const ext = fileName.split(".").pop();
+  if (ext === "svg")
+    type = "image/svg+xml";
+  else if (ext === "png")
+    type = "image/png";
+  return `data:${type};base64,${base64}`;
+}
 export function isInternalRoute(path) {
-  const lastSegment = path.split("/").pop() || path;
-  return lastSegment.includes(".") || path.startsWith("/__") || path.startsWith("@");
+  return path.startsWith("/_") || path.startsWith("@");
 }
 function filterIsOgImageOption(key) {
   const keys = [
@@ -49,7 +58,7 @@ export function normaliseFontInput(fonts) {
       return {
         cacheKey: f,
         name,
-        weight: weight || "400",
+        weight: weight || 400,
         style: "normal",
         path: void 0
       };
@@ -62,3 +71,11 @@ export function normaliseFontInput(fonts) {
     };
   });
 }
+export function withoutQuery(path) {
+  return path.split("?")[0];
+}
+export function getExtension(path) {
+  path = withoutQuery(path);
+  const lastSegment = path.split("/").pop() || path;
+  return lastSegment.split(".").pop() || lastSegment;
+}

package/dist/runtime/{utils.d.ts → shared.d.ts}

@@ -1,4 +1,4 @@
 import type { OgImageOptions, OgImageRuntimeConfig } from './types';
-export * from './utils.pure';
+export * from './pure';
 export declare function getOgImagePath(pagePath: string, _options?: Partial<OgImageOptions>): string;
 export declare function useOgImageRuntimeConfig(): OgImageRuntimeConfig;

package/dist/runtime/{utils.mjs → shared.mjs}

@@ -1,7 +1,7 @@
 import { joinURL } from "ufo";
 import { defu } from "defu";
 import { useRuntimeConfig } from "#imports";
-export * from "./utils.pure.mjs";
+export * from "./pure.mjs";
 export function getOgImagePath(pagePath, _options) {
   const options = defu(_options, useOgImageRuntimeConfig().defaults);
   return joinURL("/__og-image__/image", pagePath, `og.${options.extension}`);

package/dist/runtime/types.d.ts

@@ -28,6 +28,7 @@ export interface OgImageRuntimeConfig {
     fonts: FontConfig[];
     hasNuxtIcon: boolean;
     colorPreference: 'light' | 'dark';
+    isNuxtContentDocumentDriven: boolean;
 }
 export interface OgImageComponent {
     path?: string;
@@ -60,7 +61,7 @@ export interface ScreenshotOptions {
 }
 export type OgImagePrebuilt = {
     url: string;
-} & Pick<OgImageOptions, 'width' | 'height' | 'alt'>;
+} & Pick<OgImageOptions, 'width' | 'height' | 'alt' | '_query'>;
 export type DefineOgImageInput = OgImageOptions | OgImagePrebuilt | false;
 export interface OgImageOptions<T extends keyof OgImageComponents = 'NuxtSeo'> {
     /**
@@ -113,9 +114,11 @@ export interface OgImageOptions<T extends keyof OgImageComponents = 'NuxtSeo'> {
 }
 export interface FontConfig {
     name: string;
+    style?: string;
     weight?: string | number;
     path?: string;
     key?: string;
+    absolutePath?: boolean;
 }
 export interface ResolvedFontConfig extends FontConfig {
     cacheKey: string;
@@ -123,8 +126,8 @@ export interface ResolvedFontConfig extends FontConfig {
 }
 export type InputFontConfig = (`${string}:${number}` | string | FontConfig);
 export interface RuntimeCompatibilitySchema {
-    chromium: 'node' | false;
-    ['css-inline']: 'node' | false;
+    chromium: 'chrome-launcher' | 'on-demand' | 'playwright' | false;
+    ['css-inline']: 'node' | 'wasm' | 'wasm-fs' | false;
     resvg: 'node' | 'wasm' | 'wasm-fs' | false;
     satori: 'node' | 'wasm' | 'wasm-fs' | false;
     sharp: 'node' | false;
@@ -152,3 +155,7 @@ export interface SatoriTransformer {
     filter: (node: VNode) => boolean;
     transform: (node: VNode, e: OgImageRenderEventContext) => Promise<void>;
 }
+export interface SocialPreviewMetaData {
+    twitter?: Record<string, string>;
+    og?: Record<string, string>;
+}

package/dist/types.d.mts

@@ -1,5 +1,5 @@
 
-import type { ModuleOptions, ModuleHooks } from './module'
+import type { ModuleOptions, ModuleHooks } from './module.js'
 
 
 declare module '@nuxt/schema' {
@@ -15,4 +15,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export type { ModuleHooks, ModuleOptions, default } from './module'
+export type { ModuleHooks, ModuleOptions, default } from './module.js'

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.0-rc.4",
-  "packageManager": "pnpm@8.12.0",
+  "version": "3.0.0-rc.40",
+  "packageManager": "pnpm@8.15.4",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -11,13 +11,13 @@
   },
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
-  "homepage": "https://github.com/harlan-zw/nuxt-og-image#readme",
+  "homepage": "https://nuxtseo.com/og-image",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/harlan-zw/nuxt-og-image.git"
+    "url": "git+https://github.com/nuxt-modules/og-image.git"
   },
   "bugs": {
-    "url": "https://github.com/harlan-zw/nuxt-og-image/issues"
+    "url": "https://github.com/nuxt-modules/og-image/issues"
   },
   "exports": {
     ".": {
@@ -33,56 +33,78 @@
     "virtual.d.ts"
   ],
   "dependencies": {
-    "@iconify-json/noto": "^1.1.17",
-    "@nuxt/devtools-kit": "^1.0.5",
-    "@nuxt/kit": "^3.8.2",
+    "@css-inline/css-inline": "0.13.0",
+    "@css-inline/css-inline-wasm": "0.13.0",
+    "@iconify-json/noto": "^1.1.18",
+    "@nuxt/devtools-kit": "^1.0.8",
+    "@nuxt/kit": "^3.10.3",
     "@resvg/resvg-js": "^2.6.0",
     "@resvg/resvg-wasm": "^2.6.0",
-    "@unocss/core": "^0.58.0",
-    "@unocss/preset-wind": "^0.58.0",
-    "@vueuse/core": "^10.7.0",
+    "@unocss/core": "^0.58.5",
+    "@unocss/preset-wind": "^0.58.5",
+    "@vueuse/core": "^10.9.0",
     "chrome-launcher": "^1.1.0",
-    "css-inline": "^0.11.2",
-    "defu": "^6.1.3",
+    "defu": "^6.1.4",
     "execa": "^8.0.1",
-    "floating-vue": "2.0.0-beta.24",
-    "image-size": "^1.0.2",
-    "nuxt-site-config": "^1.6.6",
-    "nuxt-site-config-kit": "^1.6.6",
-    "nypm": "^0.3.3",
+    "flatted": "^3.3.1",
+    "floating-vue": "5.2.2",
+    "image-size": "^1.1.1",
+    "json-editor-vue": "^0.12.0",
+    "nuxt-icon": "^0.6.8",
+    "nuxt-site-config": "^2.2.10",
+    "nuxt-site-config-kit": "^2.2.10",
+    "nypm": "^0.3.8",
     "ofetch": "^1.3.3",
     "ohash": "^1.1.3",
-    "pathe": "^1.1.1",
-    "playwright-core": "^1.40.1",
+    "pathe": "^1.1.2",
+    "pkg-types": "^1.0.3",
+    "playwright-core": "^1.42.1",
     "radix3": "^1.1.0",
-    "satori": "0.10.11",
+    "satori": "0.10.13",
     "satori-html": "^0.3.2",
-    "sirv": "^2.0.3",
-    "std-env": "^3.6.0",
+    "shiki": "^1.1.7",
+    "sirv": "^2.0.4",
+    "splitpanes": "^3.1.5",
+    "std-env": "^3.7.0",
     "terminate": "^2.6.1",
-    "ufo": "^1.3.2",
+    "ufo": "^1.4.0",
+    "vanilla-jsoneditor": "^0.22.0",
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "2.4.3",
-    "@nuxt/content": "^2.9.0",
-    "@nuxt/devtools": "1.0.5",
-    "@nuxt/module-builder": "^0.5.4",
-    "@nuxt/test-utils": "3.8.1",
-    "@nuxt/ui": "^2.11.0",
+    "@antfu/eslint-config": "2.7.0",
+    "@headlessui/vue": "^1.7.19",
+    "@iconify-json/carbon": "^1.1.31",
+    "@iconify-json/logos": "^1.1.42",
+    "@iconify-json/ri": "^1.1.20",
+    "@iconify-json/tabler": "^1.1.106",
+    "@img/sharp-linux-x64": "0.33.2",
+    "@nuxt/content": "^2.12.0",
+    "@nuxt/devtools": "1.0.8",
+    "@nuxt/devtools-ui-kit": "^1.0.8",
+    "@nuxt/module-builder": "^0.5.5",
+    "@nuxt/test-utils": "3.11.0",
+    "@nuxt/ui": "^2.14.1",
+    "@nuxtjs/color-mode": "^3.3.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@nuxtjs/i18n": "8.0.0-rc.8",
-    "@nuxtjs/tailwindcss": "^6.10.1",
-    "@unocss/nuxt": "^0.58.0",
-    "bumpp": "^9.2.1",
-    "eslint": "8.55.0",
-    "jest-image-snapshot": "^6.3.0",
-    "nuxt": "^3.8.2",
-    "nuxt-icon": "0.6.7",
-    "playwright": "^1.40.1",
-    "sass": "^1.69.5",
-    "sharp": "^0.33.0",
-    "vitest": "^1.0.4"
+    "@nuxtjs/i18n": "8.1.1",
+    "@nuxtjs/tailwindcss": "^6.11.4",
+    "@unocss/nuxt": "^0.58.5",
+    "@unocss/preset-icons": "^0.58.5",
+    "@unocss/preset-uno": "^0.58.5",
+    "@unocss/runtime": "^0.58.5",
+    "@vueuse/nuxt": "^10.9.0",
+    "bumpp": "^9.3.1",
+    "eslint": "8.57.0",
+    "jest-image-snapshot": "^6.4.0",
+    "nuxt": "^3.10.3",
+    "nuxt-icon": "0.6.8",
+    "playwright": "^1.42.1",
+    "sass": "^1.71.1",
+    "sharp": "^0.33.2",
+    "typescript": "^5.3.3",
+    "unocss": "^0.58.5",
+    "vitest": "^1.3.1"
   },
   "build": {
     "externals": [
@@ -90,19 +112,22 @@
       "nitropack",
       "@vue/runtime-core",
       "#nuxt-og-image/components",
-      "sharp"
+      "sharp",
+      "unstorage",
+      "unstorage/drivers/fs"
     ]
   },
   "scripts": {
-    "stub": "nuxt-build-module build --stub",
-    "build": "pnpm dev:prepare && pnpm build:module && pnpm build:client",
+    "stub": "nuxt-build-module build --stub && nuxt-module-build prepare",
+    "build": "pnpm stub && nuxt-module-build build && pnpm run build:client",
     "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 && nuxi prepare .playground",
-    "release": "bumpp package.json --commit --push --tag",
+    "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"
   }
 }

package/dist/client/_nuxt/IconCSS.921d8bb4.js

@@ -1 +0,0 @@
-import{g as _,h as m,i as d,j as c,r as f,o as I,c as v,n as x,_ as S}from"./entry.81e38674.js";const y=_({__name:"IconCSS",props:{name:{type:String,required:!0},size:{type:String,default:""}},setup(u){m(e=>({"862fb1b8":p.value}));const t=d(),s=u,l=c(()=>{var e,n;return(n=(e=t.nuxtIcon)==null?void 0:e.aliases)!=null&&n[s.name]?t.nuxtIcon.aliases[s.name]:s.name}),r=c(()=>f(l.value)),p=c(()=>{var o,a;const e=(a=(o=t.nuxtIcon)==null?void 0:o.iconifyApiOptions)==null?void 0:a.url;if(e)try{new URL(e)}catch{console.warn("Nuxt IconCSS: Invalid custom Iconify API URL");return}return`url('${e||"https://api.iconify.design"}/${r.value.prefix}/${r.value.name}.svg')`}),i=c(()=>{var n,o,a;if(!s.size&&typeof((n=t.nuxtIcon)==null?void 0:n.size)=="boolean"&&!((o=t.nuxtIcon)!=null&&o.size))return;const e=s.size||((a=t.nuxtIcon)==null?void 0:a.size)||"1em";return String(Number(e))===e?`${e}px`:e});return(e,n)=>(I(),v("span",{style:x({width:i.value,height:i.value})},null,4))}});const C=S(y,[["__scopeId","data-v-9ed8e03d"]]);export{C as default};

package/dist/client/_nuxt/IconCSS.f0b56d3e.css

@@ -1 +0,0 @@
-span[data-v-9ed8e03d]{background-color:currentColor;display:inline-block;-webkit-mask-image:var(--862fb1b8);mask-image:var(--862fb1b8);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:middle}

package/dist/client/_nuxt/builds/meta/f3272063-a39c-4336-ba58-ab7e348c7608.json

@@ -1 +0,0 @@
-{"id":"f3272063-a39c-4336-ba58-ab7e348c7608","timestamp":1702172470270,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}