@laioutr/app-hygraph 1.1.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Laioutr GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,85 @@
+<!--
+Get your module up and running quickly.
+
+Find and replace all on all files (CMD+SHIFT+F):
+- Name: Hygraph Laioutr
+- Package name: @laioutr/app-hygraph
+- Description: Laioutr Hygraph App
+-->
+
+# Hygraph Laioutr
+
+[![Laioutr][laioutr-src]][laioutr-href]
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+My new [Laioutr](https://laioutr.com) App for doing amazing things using Nuxt.
+
+See [laioutr.com](https://laioutr.com) for more information about Laioutr.
+
+- [✨ &nbsp;Release Notes](/CHANGELOG.md)
+  <!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/@laioutr/app-hygraph?file=playground%2Fapp.vue) -->
+  <!-- - [📖 &nbsp;Documentation](https://example.com) -->
+
+## Features
+
+<!-- Highlight some of the features your module provide here -->
+
+- ⛰ &nbsp;Foo
+- 🚠 &nbsp;Bar
+- 🌲 &nbsp;Baz
+
+## Quick Setup
+
+Before installing dependencies, you need to create a copy of the `.npmrc.config` file called `.npmrc` and fill in the `NPM_LAIOUTR_TOKEN` with your npm token. You can find this token in your [project settings](https://cockpit.laioutr.cloud/o/_/p/_/settings).
+
+- `pnpm i`
+- `npx @laioutr/cli project fetch-rc -p <organization slug>/<project slug> -s <project secret key>` - This will load the `laioutrrc.json` file with the current remote project configuration.
+- `pnpm dev:prepare`
+- `pnpm orchestr-dev`
+
+That's it! You can now use Hygraph Laioutr in your [Laioutr Frontend](https://laioutr.com) ✨
+
+You can find a thorough guide on getting started with Laioutr development in our [developer guide](https://docs.laioutr.io/developer-guide/setup).
+
+## Linting and Formatting
+
+We use ESLint and Prettier to lint and format the code. This repository contains opinionated configurations for both tools. You can - of course - replace them with your own configurations.
+
+## Publishing
+
+To publish a new version, run `pnpm release`. This will:
+
+- Run the tests
+- Update the changelog
+- Publish the package to npmjs.org
+- Push the changes to the repository
+
+### Private publishing
+
+If you want to publish a private package to npm.laioutr.cloud, you need to:
+
+1. Make sure you have a `.npmrc` with your private npm registry token.
+2. Add this line to the root of the `package.json` file: `"publishConfig": { "registry": "https://npm.laioutr.cloud/" }`
+3. Make sure your package-name follows the `@laioutr-org/<organization-slug>_<package-name>` format.
+
+After that you can run `pnpm release` to publish the package to npm.laioutr.cloud.
+
+## Contribution
+
+Follow the [setup guide](https://docs.laioutr.io/developer-guide/setup) to get started.
+
+<!-- Badges -->
+
+[npm-version-src]: https://img.shields.io/npm/v/@laioutr/app-hygraph/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/@laioutr/app-hygraph
+[npm-downloads-src]: https://img.shields.io/npm/dm/@laioutr/app-hygraph.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/@laioutr/app-hygraph
+[license-src]: https://img.shields.io/npm/l/@laioutr/app-hygraph.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/@laioutr/app-hygraph
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
+[nuxt-href]: https://nuxt.com
+[laioutr-src]: https://img.shields.io/badge/%F0%9F%A6%99_Laioutr_App-702DCE
+[laioutr-href]: https://www.laioutr.com/

package/dist/module.d.mts

@@ -0,0 +1,24 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+/**
+ * The options the module adds to the nuxt.config.ts.
+ */
+interface ModuleOptions {
+    contentApiUrl: string;
+    imageBaseUrl: string;
+    token: string;
+}
+/**
+ * The config the module adds to nuxt.runtimeConfig.public['@laioutr/app-hygraph']
+ */
+interface RuntimeConfigModulePublic {
+}
+/**
+ * The config the module adds to nuxt.runtimeConfig['@laioutr/app-hygraph']
+ */
+interface RuntimeConfigModulePrivate extends ModuleOptions {
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions, RuntimeConfigModulePrivate, RuntimeConfigModulePublic };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "@laioutr/app-hygraph",
+  "version": "1.1.0",
+  "configKey": "@laioutr/app-hygraph",
+  "builder": {
+    "@nuxt/module-builder": "1.0.1",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,50 @@
+import { defineNuxtModule, createResolver, installModule } from '@nuxt/kit';
+import { defu } from 'defu';
+import { registerLaioutrApp } from '@laioutr-core/kit';
+
+const name = "@laioutr/app-hygraph";
+const version = "1.1.0";
+
+const module = defineNuxtModule({
+  meta: {
+    name,
+    version,
+    configKey: name
+    // configKey must match package name
+  },
+  // Default configuration options of the Nuxt module
+  defaults: {},
+  async setup(options, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+    const resolveRuntimeModule = (path) => resolve("./runtime", path);
+    nuxt.options.build.transpile.push(resolve("./runtime"));
+    nuxt.options.runtimeConfig[name] = defu(nuxt.options.runtimeConfig[name], options);
+    nuxt.options.nitro.publicAssets ??= [];
+    nuxt.options.nitro.publicAssets.push({
+      dir: resolveRuntimeModule("./app/public"),
+      maxAge: 60 * 60 * 24 * 7
+      // 7 days
+    });
+    nuxt.hook("laioutr:nuxtImageConfig", (config) => {
+      config.hygraph = {
+        baseURL: options.imageBaseUrl
+      };
+    });
+    await registerLaioutrApp({
+      name,
+      version,
+      orchestrDirs: [resolveRuntimeModule("server/orchestr")],
+      sections: [resolveRuntimeModule("app/sections")],
+      blocks: [resolveRuntimeModule("app/blocks")],
+      mediaLibraryProviders: [resolveRuntimeModule("./server/media-library/hygraph")]
+    });
+    if (nuxt.options._prepare) {
+      await installModule("@nuxt/image");
+      await installModule("@laioutr-core/frontend-core");
+      await installModule("@laioutr-core/orchestr");
+      await installModule("@laioutr-app/ui");
+    }
+  }
+});
+
+export { module as default };

package/dist/runtime/app/public/app-hygraph/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="24" fill="none"><path fill="#181B2A" fill-rule="evenodd" d="M11.175 3.2 8.382 4.8 5.588 6.4 2.794 8v9.6L5.588 16l2.794-1.6v-3.2l-2.794 1.6V9.6L8.382 8l2.793-1.6V16l-2.793 1.6-2.794 1.6-2.794 1.6L0 22.4 2.794 24l2.794-1.6 2.794-1.6 2.793-1.6 2.794-1.6V1.6L11.175 0v3.2Z" clip-rule="evenodd"/></svg>

package/dist/runtime/server/client/hygraph.d.ts

@@ -0,0 +1,3 @@
+export declare const hygraphClientFactory: () => {
+    request: (query: string, variables?: unknown) => Promise<any>;
+};

package/dist/runtime/server/client/hygraph.js

@@ -0,0 +1,15 @@
+import { useRuntimeConfig } from "#imports";
+export const hygraphClientFactory = () => {
+  const config = useRuntimeConfig()["@laioutr/app-hygraph"];
+  const request = async (query, variables = null) => {
+    const res = await fetch(config.contentApiUrl, {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${config.token}`
+      },
+      body: JSON.stringify({ query, variables })
+    });
+    return res.json();
+  };
+  return { request };
+};

package/dist/runtime/server/const/passthroughTokens.d.ts

@@ -0,0 +1 @@
+export declare const blogPostsToken: any;

package/dist/runtime/server/const/passthroughTokens.js

@@ -0,0 +1,2 @@
+import { createPassthroughToken } from "#imports";
+export const blogPostsToken = createPassthroughToken("hygraph/blog-posts");

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

@@ -0,0 +1,5 @@
+import { MediaImage } from '@laioutr-core/core-types/common';
+/**
+ * Map a Hygraph asset to a Media object
+ */
+export declare const mapHygraphMedia: (asset: any) => MediaImage;

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

@@ -0,0 +1,13 @@
+export const mapHygraphMedia = (asset) => ({
+  type: "image",
+  sources: [
+    {
+      provider: "hygraph",
+      src: asset.url,
+      width: asset.width,
+      height: asset.height,
+      responsive: "static"
+    }
+  ],
+  alt: asset.fileName
+});

package/dist/runtime/server/media-library/hygraph.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/media-library/hygraph.js

@@ -0,0 +1,29 @@
+import { defineMediaLibraryProvider } from "#imports";
+import { hygraphClientFactory } from "../client/hygraph.js";
+import { mapHygraphMedia } from "../hygraph-utils/mediaMapper.js";
+import { MediaLibraryListQuery } from "../queries/mediaLibrary.js";
+export default defineMediaLibraryProvider({
+  label: "Hygraph",
+  iconSrc: "/app-hygraph/logo.svg",
+  name: "hygraph",
+  list: async ({ limit, offset, search }) => {
+    const client = hygraphClientFactory();
+    const result = await client.request(MediaLibraryListQuery, {
+      skip: offset,
+      first: limit,
+      search
+    });
+    const items = result.data.assets.map(
+      (asset) => ({
+        media: mapHygraphMedia(asset),
+        previewUrl: asset.url
+      })
+    );
+    return {
+      items,
+      total: 0,
+      offset,
+      limit
+    };
+  }
+});

package/dist/runtime/server/middleware/defineHygraph.d.ts

@@ -0,0 +1 @@
+export declare const defineHygraph: any;

package/dist/runtime/server/middleware/defineHygraph.js

@@ -0,0 +1,5 @@
+import { defineOrchestr } from "#imports";
+import { hygraphClientFactory } from "../client/hygraph.js";
+export const defineHygraph = defineOrchestr.meta({
+  app: "@laioutr/app-hygraph"
+}).use(async (ctx, next) => next({ context: { hygraph: hygraphClientFactory() } }));

package/dist/runtime/server/orchestr/blog/blogCollection.resolver.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

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

@@ -0,0 +1,18 @@
+import { BlogCollectionBase } from "@laioutr-core/canonical-types/entity/blog-collection";
+import { defineHygraph } from "../../middleware/defineHygraph.js";
+export default defineHygraph.componentResolver({
+  entityType: "BlogCollection",
+  label: "Blog Collection",
+  provides: [BlogCollectionBase],
+  resolve: async ({ entityIds, $entity }) => ({
+    entities: entityIds.map(
+      (id) => $entity({
+        id,
+        base: {
+          slug: "blog",
+          title: "Blog"
+        }
+      })
+    )
+  })
+});

package/dist/runtime/server/orchestr/blog/blogCollectionBySlug.query.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/orchestr/blog/blogCollectionBySlug.query.js

@@ -0,0 +1,8 @@
+import { BlogCollectionBySlug } from "@laioutr-core/canonical-types/blog";
+import { defineHygraph } from "../../middleware/defineHygraph.js";
+export default defineHygraph.queryHandler({
+  implements: BlogCollectionBySlug,
+  run: async () => ({
+    id: "hygraph"
+  })
+});

package/dist/runtime/server/orchestr/blog/blogCollectionBySlug.template.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/orchestr/blog/blogCollectionBySlug.template.js

@@ -0,0 +1,11 @@
+import { BlogCollectionBySlug } from "@laioutr-core/canonical-types/blog";
+import { defineHygraph } from "../../middleware/defineHygraph.js";
+export default defineHygraph.queryTemplateProvider({
+  for: BlogCollectionBySlug,
+  run: async () => [
+    {
+      input: { slug: "hygraph" },
+      label: "Hygraph Blog"
+    }
+  ]
+});

package/dist/runtime/server/orchestr/blog/blogCollectionPosts.link.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/orchestr/blog/blogCollectionPosts.link.js

@@ -0,0 +1,21 @@
+import { BlogCollectionPostsLink } from "@laioutr-core/canonical-types/blog";
+import { blogPostsToken } from "../../const/passthroughTokens.js";
+import { defineHygraph } from "../../middleware/defineHygraph.js";
+import { BlogsQuery } from "../../queries/blog.js";
+export default defineHygraph.linkHandler({
+  implements: BlogCollectionPostsLink,
+  run: async ({ context, entityIds, pagination, passthrough }) => {
+    const result = await context.hygraph.request(BlogsQuery, {
+      skip: pagination.offset,
+      first: pagination.limit
+    });
+    const blogs = result.data.blogs;
+    passthrough.set(blogPostsToken, blogs);
+    return {
+      links: entityIds.map((id) => ({
+        sourceId: id,
+        targetIds: blogs.map((blog) => blog.id)
+      }))
+    };
+  }
+});

package/dist/runtime/server/orchestr/blog/blogPost.resolver.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

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

@@ -0,0 +1,33 @@
+import { BlogPostBase, BlogPostContent, BlogPostExcerpt, BlogPostMedia } 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],
+  resolve: async ({ passthrough, $entity }) => {
+    const posts = passthrough.require(blogPostsToken);
+    return {
+      entities: posts.map(
+        (post) => $entity({
+          id: post.id,
+          base: {
+            slug: post.slug,
+            title: post.title,
+            publishedAt: new Date(post.publishedAt)
+          },
+          content: {
+            content: { html: post.content.html }
+          },
+          excerpt: {
+            excerpt: { html: post.content.html.slice(0, 100) }
+          },
+          media: {
+            image: post.image ? mapHygraphMedia(post.image) : { type: "image", sources: [{ provider: "none", src: "/placeholders/1x1.svg" }] }
+          }
+        })
+      )
+    };
+  }
+});

package/dist/runtime/server/orchestr/blog/blogPostBySlug.query.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/orchestr/blog/blogPostBySlug.query.js

@@ -0,0 +1,20 @@
+import { BlogPostBySlug, BlogPostBySlugNotFoundError } from "@laioutr-core/canonical-types/blog";
+import { blogPostsToken } from "../../const/passthroughTokens.js";
+import { defineHygraph } from "../../middleware/defineHygraph.js";
+import { BlogPostBySlugQuery } from "../../queries/blog.js";
+export default defineHygraph.queryHandler({
+  implements: BlogPostBySlug,
+  run: async ({ context, input, passthrough }) => {
+    const result = await context.hygraph.request(BlogPostBySlugQuery, {
+      slug: input.slug
+    });
+    const post = result.data.blog;
+    if (!post) {
+      throw new BlogPostBySlugNotFoundError(input.slug);
+    }
+    passthrough.set(blogPostsToken, [post]);
+    return {
+      id: post.id
+    };
+  }
+});

package/dist/runtime/server/orchestr/plugins/zodFix.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/orchestr/plugins/zodFix.js

@@ -0,0 +1,5 @@
+import { defineNitroPlugin } from "#imports";
+import { applyZodFix } from "@laioutr-core/core-types/utils";
+export default defineNitroPlugin(() => {
+  applyZodFix();
+});

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

@@ -0,0 +1 @@
+export declare const AssetFragment = "\n  #graphql\n  fragment Asset on Asset {\n    url\n    fileName\n    mimeType\n    width\n    height\n    handle\n  }\n";

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

@@ -0,0 +1,14 @@
+export const AssetFragment = (
+  /* GraphQL */
+  `
+  #graphql
+  fragment Asset on Asset {
+    url
+    fileName
+    mimeType
+    width
+    height
+    handle
+  }
+`
+);

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

@@ -0,0 +1,2 @@
+export declare const BlogsQuery = "\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) {\n    blogs(skip: $skip, first: $first, orderBy: createdAt_DESC) {\n      ...Blog\n    }\n  }\n";
+export declare const BlogPostBySlugQuery = "\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!) {\n    blog(where: { slug: $slug }) {\n      ...Blog\n    }\n  }\n";

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

@@ -0,0 +1,44 @@
+import { AssetFragment } from "./asset.js";
+const BlogFragment = (
+  /* GraphQL */
+  `
+  #graphql
+  ${AssetFragment}
+  fragment Blog on Blog {
+    id
+    title
+    slug
+    content {
+      html
+    }
+    image {
+      ...Asset
+    }
+    publishedAt
+  }
+`
+);
+export const BlogsQuery = (
+  /* GraphQL */
+  `
+  #graphql
+  ${BlogFragment}
+  query Blogs($skip: Int, $first: Int) {
+    blogs(skip: $skip, first: $first, orderBy: createdAt_DESC) {
+      ...Blog
+    }
+  }
+`
+);
+export const BlogPostBySlugQuery = (
+  /* GraphQL */
+  `
+  #graphql
+  ${BlogFragment}
+  query BlogPostBySlug($slug: String!) {
+    blog(where: { slug: $slug }) {
+      ...Blog
+    }
+  }
+`
+);

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

@@ -0,0 +1 @@
+export declare const MediaLibraryListQuery = "\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  query MediaLibraryList($skip: Int, $first: Int, $search: String) {\n    assets(skip: $skip, first: $first, orderBy: createdAt_DESC, where: { _search: $search }) {\n      ...Asset\n    }\n  }\n";

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

@@ -0,0 +1,13 @@
+import { AssetFragment } from "./asset.js";
+export const MediaLibraryListQuery = (
+  /* GraphQL */
+  `
+  #graphql
+  ${AssetFragment}
+  query MediaLibraryList($skip: Int, $first: Int, $search: String) {
+    assets(skip: $skip, first: $first, orderBy: createdAt_DESC, where: { _search: $search }) {
+      ...Asset
+    }
+  }
+`
+);

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json"
+}

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions, type RuntimeConfigModulePrivate, type RuntimeConfigModulePublic } from './module.mjs'

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@laioutr/app-hygraph",
+  "version": "1.1.0",
+  "description": "Laioutr Hygraph App",
+  "repository": "your-org/@laioutr/app-hygraph",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "npm run dev:prepare && nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "orchestr-dev": "npm run orchestr-dev:prepare && nuxi dev orchestr-playground",
+    "orchestr-dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare orchestr-playground",
+    "prepack": "nuxt-module-build build",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish --access public && git push --follow-tags",
+    "test": "vitest run",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
+    "test:watch": "vitest watch"
+  },
+  "dependencies": {
+    "@laioutr-core/canonical-types": "^0.20.0",
+    "@laioutr-core/core-types": "^0.24.0",
+    "@laioutr-core/kit": "^0.24.0",
+    "@nuxt/kit": "3.16.2",
+    "@pinia/colada": "0.17.1",
+    "@pinia/colada-nuxt": "0.2.1",
+    "@vueuse/core": "13.1.0",
+    "pinia": "3.0.2",
+    "zod": "3.25.61"
+  },
+  "devDependencies": {
+    "@laioutr-app/ui": "^1.24.4",
+    "@laioutr-core/orchestr-devtools": "^1.6.6",
+    "@laioutr/eslint-config": "^1.8.8",
+    "@laioutr/prettier-config": "^1.1.0",
+    "@nuxt/devtools": "^2.6.3",
+    "@nuxt/devtools-ui-kit": "2.5.0",
+    "@nuxt/module-builder": "1.0.1",
+    "@nuxt/schema": "3.16.2",
+    "@nuxt/test-utils": "3.19.1",
+    "@types/node": "latest",
+    "changelogen": "^0.6.2",
+    "eslint": "^9.35.0",
+    "nuxt": "3.16.2",
+    "typescript": "5.9.2",
+    "vitest": "3.1.1",
+    "vue-tsc": "2.2.10"
+  },
+  "peerDependencies": {
+    "@laioutr-core/frontend-core": "^0.24.0"
+  },
+  "engines": {
+    "node": ">=22.12.0",
+    "pnpm": ">=10.15.0"
+  }
+}