@laioutr/app-hygraph 1.6.0 → 1.7.0

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@laioutr/app-hygraph",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "configKey": "@laioutr/app-hygraph",
   "builder": {
     "@nuxt/module-builder": "1.0.1",

package/dist/module.mjs

@@ -3,7 +3,7 @@ import { defu } from 'defu';
 import { registerLaioutrApp } from '@laioutr-core/kit';
 
 const name = "@laioutr/app-hygraph";
-const version = "1.6.0";
+const version = "1.7.0";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/server/generated/graphql.d.ts

@@ -8043,6 +8043,8 @@ export type BlogFragment = {
     title: string;
     slug: string;
     publishedAt?: string | null;
+    metaTitle?: string | null;
+    metaDescription?: string | null;
     content: {
         html: string;
     };

package/dist/runtime/server/hygraph-utils/mediaMapper.d.ts

@@ -1,4 +1,4 @@
-import { MediaImage } from '@laioutr-core/core-types/common';
+import { Media } from '@laioutr-core/core-types/common';
 import type { HygraphAsset } from '../types/hygraph.js';
 /** Remove the file extension from a file name. */
 export declare const stripFileExtension: (fileName: string) => string;
@@ -7,4 +7,4 @@ export declare const filenameToAlt: (fileName: string) => string;
 /**
  * Map a Hygraph asset to a Media object.
  */
-export declare const mapHygraphMedia: (asset: HygraphAsset) => MediaImage;
+export declare const mapHygraphMedia: (asset: HygraphAsset) => Media;

package/dist/runtime/server/hygraph-utils/mediaMapper.js

@@ -1,16 +1,34 @@
 export const stripFileExtension = (fileName) => fileName.replace(/\.[^.]+$/, "");
 export const filenameToAlt = (fileName) => stripFileExtension(fileName).replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").replace(/^\w/, (c) => c.toUpperCase()).trim();
-export const mapHygraphMedia = (asset) => ({
-  type: "image",
-  sources: [
-    {
-      // SVGs are returned as none so Nuxt Image won't turn them into PNG file links.
-      provider: asset.mimeType === "image/svg+xml" ? "none" : "hygraph",
-      src: asset.url,
-      width: asset.width ?? void 0,
-      height: asset.height ?? void 0,
-      responsive: "static"
-    }
-  ],
-  alt: filenameToAlt(asset.fileName)
-});
+export const mapHygraphMedia = (asset) => {
+  const mimeType = typeof asset.mimeType === "string" ? asset.mimeType : "";
+  if (mimeType.startsWith("video/")) {
+    return {
+      type: "video",
+      sources: [
+        {
+          provider: "hygraph",
+          src: asset.url,
+          width: asset.width ?? void 0,
+          height: asset.height ?? void 0,
+          format: mimeType.slice("video/".length)
+        }
+      ],
+      alt: filenameToAlt(asset.fileName)
+    };
+  }
+  return {
+    type: "image",
+    sources: [
+      {
+        // SVGs are returned as none so Nuxt Image won't turn them into PNG file links.
+        provider: mimeType === "image/svg+xml" ? "none" : "hygraph",
+        src: asset.url,
+        width: asset.width ?? void 0,
+        height: asset.height ?? void 0,
+        responsive: "static"
+      }
+    ],
+    alt: filenameToAlt(asset.fileName)
+  };
+};

package/dist/runtime/server/orchestr/blog/blogPost.resolver.js

@@ -1,11 +1,11 @@
-import { BlogPostBase, BlogPostContent, BlogPostExcerpt, BlogPostMedia } from "@laioutr-core/canonical-types/entity/blog-post";
+import { BlogPostBase, BlogPostContent, BlogPostExcerpt, BlogPostMedia, BlogPostSeo } from "@laioutr-core/canonical-types/entity/blog-post";
 import { blogPostsToken } from "../../const/passthroughTokens.js";
 import { mapHygraphMedia } from "../../hygraph-utils/mediaMapper.js";
 import { defineHygraph } from "../../middleware/defineHygraph.js";
 export default defineHygraph.componentResolver({
   entityType: "BlogPost",
   label: "Blog Post",
-  provides: [BlogPostBase, BlogPostExcerpt, BlogPostContent, BlogPostMedia],
+  provides: [BlogPostBase, BlogPostExcerpt, BlogPostContent, BlogPostMedia, BlogPostSeo],
   resolve: async ({ passthrough, $entity }) => {
     const posts = passthrough.require(blogPostsToken);
     return {
@@ -29,6 +29,10 @@ export default defineHygraph.componentResolver({
           },
           media: {
             image: post.image ? mapHygraphMedia(post.image) : { type: "image", sources: [{ provider: "none", src: "/placeholders/1x1.svg" }] }
+          },
+          seo: {
+            title: post.metaTitle ?? void 0,
+            description: post.metaDescription ?? void 0
           }
         })
       )

package/dist/runtime/server/queries/blog.d.ts

@@ -1,4 +1,4 @@
-export declare const BLOGS_QUERY = "\n  #graphql\n  \n  #graphql\n  \n  #graphql\n  fragment Asset on Asset {\n    url\n    fileName\n    mimeType\n    width\n    height\n    handle\n  }\n\n  fragment Blog on Blog {\n    id\n    title\n    slug\n    content {\n      html\n    }\n    image {\n      ...Asset\n    }\n    publishedAt\n  }\n\n  query Blogs($skip: Int, $first: Int, $collectionId: ID, $locales: [Locale!]!) {\n    blogs(\n      skip: $skip\n      first: $first\n      orderBy: createdAt_DESC\n      where: { blogCollection: { id: $collectionId } }\n      locales: $locales\n    ) {\n      ...Blog\n    }\n    blogsConnection(where: { blogCollection: { id: $collectionId } }, locales: $locales) {\n      aggregate {\n        count\n      }\n    }\n  }\n";
-export declare const BLOG_POST_BY_SLUG_QUERY = "\n  #graphql\n  \n  #graphql\n  \n  #graphql\n  fragment Asset on Asset {\n    url\n    fileName\n    mimeType\n    width\n    height\n    handle\n  }\n\n  fragment Blog on Blog {\n    id\n    title\n    slug\n    content {\n      html\n    }\n    image {\n      ...Asset\n    }\n    publishedAt\n  }\n\n  query BlogPostBySlug($slug: String!, $locales: [Locale!]!) {\n    blog(where: { slug: $slug }, locales: $locales) {\n      ...Blog\n    }\n  }\n";
+export declare const BLOGS_QUERY = "\n  #graphql\n  \n  #graphql\n  \n  #graphql\n  fragment Asset on Asset {\n    url\n    fileName\n    mimeType\n    width\n    height\n    handle\n  }\n\n  fragment Blog on Blog {\n    id\n    title\n    slug\n    content {\n      html\n    }\n    image {\n      ...Asset\n    }\n    publishedAt\n    metaTitle\n    metaDescription\n  }\n\n  query Blogs($skip: Int, $first: Int, $collectionId: ID, $locales: [Locale!]!) {\n    blogs(\n      skip: $skip\n      first: $first\n      orderBy: createdAt_DESC\n      where: { blogCollection: { id: $collectionId } }\n      locales: $locales\n    ) {\n      ...Blog\n    }\n    blogsConnection(where: { blogCollection: { id: $collectionId } }, locales: $locales) {\n      aggregate {\n        count\n      }\n    }\n  }\n";
+export declare const BLOG_POST_BY_SLUG_QUERY = "\n  #graphql\n  \n  #graphql\n  \n  #graphql\n  fragment Asset on Asset {\n    url\n    fileName\n    mimeType\n    width\n    height\n    handle\n  }\n\n  fragment Blog on Blog {\n    id\n    title\n    slug\n    content {\n      html\n    }\n    image {\n      ...Asset\n    }\n    publishedAt\n    metaTitle\n    metaDescription\n  }\n\n  query BlogPostBySlug($slug: String!, $locales: [Locale!]!) {\n    blog(where: { slug: $slug }, locales: $locales) {\n      ...Blog\n    }\n  }\n";
 export declare const BLOG_COLLECTION_BY_SLUG_QUERY = "\n  #graphql\n  query BlogCollectionBySlug($slug: String!, $locales: [Locale!]!) {\n    blogCollection(where: { slug: $slug }, locales: $locales) {\n      id\n      slug\n      title\n    }\n  }\n";
 export declare const BLOG_COLLECTIONS_QUERY = "\n  #graphql\n  query BlogCollections($locales: [Locale!]!) {\n    blogCollections(locales: $locales) {\n      slug\n      title\n    }\n  }\n";

package/dist/runtime/server/queries/blog.js

@@ -15,6 +15,8 @@ const BlogFragment = (
       ...Asset
     }
     publishedAt
+    metaTitle
+    metaDescription
   }
 `
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laioutr/app-hygraph",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "Laioutr Hygraph App",
   "repository": "your-org/@laioutr/app-hygraph",
   "license": "MIT",