@gluhar/app 2.0.0-dev.0

package/CHANGELOG.md

@@ -0,0 +1,210 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [1.0.2](https://github.com/harryyaprakov/hui/compare/@pezak/hui@1.0.1...@pezak/hui@1.0.2) (2024-10-02)
+
+
+### 🩹 Fixes
+
+- Module loading bugs ([8d23ab2](https://github.com/harryyaprakov/hui/commit/8d23ab21ad659e40ab4666b8b3f79375adcbc08e))
+
+
+
+
+
+## [1.0.1](https://github.com/harryyaprakov/hui/compare/@pezak/hui@1.0.0...@pezak/hui@1.0.1) (2024-10-02)
+
+
+### 🩹 Fixes
+
+- Add closeMobileMenu to huiStore ([b5ad52f](https://github.com/harryyaprakov/hui/commit/b5ad52f16830de7146a79f08de70ae820ab93fcf))
+
+
+
+
+
+# [1.0.0](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.4.2...@pezak/hui@1.0.0) (2024-10-01)
+
+
+### 🚀 Enhancements
+
+- Release v1 hui ([cc0c50c](https://github.com/harryyaprakov/hui/commit/cc0c50c4a98b18b99045a840a5c16123402dcba8))
+
+
+
+
+
+## [0.4.2](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.4.1...@pezak/hui@0.4.2) (2024-09-17)
+
+
+### 🩹 Fixes
+
+- Hui store fixes ([952c8a9](https://github.com/harryyaprakov/hui/commit/952c8a92998092f697a8e99475f7b0c96489cc6a))
+
+
+
+
+
+## [0.4.1](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.4.0...@pezak/hui@0.4.1) (2024-09-12)
+
+
+### 🩹 Fixes
+
+- GetCanonicalUrl ([4b3f961](https://github.com/harryyaprakov/hui/commit/4b3f9618e4568547517a9d9589e9e2922569eacb))
+
+
+
+
+
+# [0.4.0](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.3.4...@pezak/hui@0.4.0) (2024-09-12)
+
+
+### 🚀 Enhancements
+
+- UseBaseUrl ([cb32c71](https://github.com/harryyaprakov/hui/commit/cb32c714fde766e7394fac792b7d86acf84d17e8))
+
+
+
+
+
+## [0.3.4](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.3.3...@pezak/hui@0.3.4) (2024-09-12)
+
+
+### 🩹 Fixes
+
+- GetCanonicalUrl to use baseUrl and devUrl ([91a57e1](https://github.com/harryyaprakov/hui/commit/91a57e14ddf075b3f2075dca65344d78e6edfdd1))
+
+
+
+
+
+## [0.3.3](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.3.2...@pezak/hui@0.3.3) (2024-09-12)
+
+
+### 🩹 Fixes
+
+- Import useRuntimeConfig from '#imports' ([f5af895](https://github.com/harryyaprakov/hui/commit/f5af8951d7d76d1eb0b64e04d0bc6b55d73eb866))
+
+
+
+
+
+## [0.3.2](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.3.1...@pezak/hui@0.3.2) (2024-09-12)
+
+
+### 🩹 Fixes
+
+- Import /utils in hui ([454a638](https://github.com/harryyaprakov/hui/commit/454a638c18d79a490da80eee8e631d35cbf6b135))
+
+
+
+
+
+## [0.3.1](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.3.0...@pezak/hui@0.3.1) (2024-09-12)
+
+
+### 🩹 Fixes
+
+- UseMessages to be relatively imported in useSeo ([dd664b5](https://github.com/harryyaprakov/hui/commit/dd664b567f5f367bc975cdd1e3764bdfd4168c9f))
+
+
+
+
+
+# [0.3.0](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.2.4...@pezak/hui@0.3.0) (2024-09-12)
+
+
+### 🚀 Enhancements
+
+- Version bump ([32cd173](https://github.com/harryyaprakov/hui/commit/32cd173ed800a4d4ede5286e65b9c5728ce39950))
+
+
+
+
+
+## [0.2.4](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.2.3...@pezak/hui@0.2.4) (2024-09-12)
+
+
+### 🩹 Fixes
+
+- UseSeo composable to work and have proper types ([166db01](https://github.com/harryyaprakov/hui/commit/166db01c3f4889b1ddfa2441904499a9fab9fe07))
+
+
+
+
+
+## [0.2.3](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.2.2...@pezak/hui@0.2.3) (2024-05-23)
+
+**📝 Note:** Version bump only for package @pezak/hui
+
+
+
+
+
+## [0.2.2](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.2.1...@pezak/hui@0.2.2) (2024-05-10)
+
+**📝 Note:** Version bump only for package @pezak/hui
+
+
+
+
+
+## [0.2.1](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.2.0...@pezak/hui@0.2.1) (2024-05-09)
+
+**📝 Note:** Version bump only for package @pezak/hui
+
+
+
+
+
+# [0.2.0](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.2.0-dev.1...@pezak/hui@0.2.0) (2024-04-10)
+
+
+### 🩹 Fixes
+
+- Type imports, core types export ([866186a](https://github.com/harryyaprakov/hui/commit/866186aca1ad1bab03b5b6b0d0621a29f67518f6))
+
+
+
+
+
+## [0.1.4](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.1.3...@pezak/hui@0.1.4) (2024-04-01)
+
+**📝 Note:** Version bump only for package @pezak/hui
+
+
+
+
+
+## [0.1.3](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.1.1...@pezak/hui@0.1.3) (2024-04-01)
+
+**📝 Note:** Version bump only for package @pezak/hui
+
+
+
+
+
+## [0.1.2](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.1.1...@pezak/hui@0.1.2) (2024-04-01)
+
+**📝 Note:** Version bump only for package @pezak/hui
+
+
+
+
+
+## [0.1.1](https://github.com/harryyaprakov/hui/compare/@pezak/hui@0.1.0...@pezak/hui@0.1.1) (2024-04-01)
+
+**📝 Note:** Version bump only for package @pezak/hui
+
+
+
+
+
+# 0.1.0 (2024-04-01)
+
+
+### 🚀 Enhancements
+
+- Package Installs hui-core, hui-theme, hui-i18n, hui-sanity ([ae169b1](https://github.com/harryyaprakov/hui/commit/ae169b166d4da4257d2e6e61fe0fac9925476a5f))

package/README.md

@@ -0,0 +1,64 @@
+# `@gluhar/app`
+
+[![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]
+
+Gluhar main package. This combines and configures @gluhar/theme, @gluhar/i18n, @gluhar/sanity and @gluhar/core into one main package. Provides numerous components, composables, utils and types.
+
+[✨  Release Notes](/CHANGELOG.md)
+
+## Installation
+
+Install the module to your Nuxt application with one command:
+
+```bash
+npx nuxi module add @gluhar/app
+```
+
+## Usage
+
+## Config
+
+## Contribution
+
+<details>
+  <summary>Local development</summary>
+  
+  ```bash
+  # Install dependencies
+  npm install
+  
+  # Generate type stubs
+  npm run dev:prepare
+  
+  # Develop with the playground
+  npm run dev
+  
+  # Build the playground
+  npm run dev:build
+  
+  # Run ESLint
+  npm run lint
+  
+  # Run Vitest
+  npm run test
+  npm run test:watch
+  
+  # Release new version
+  npm run release
+  ```
+
+</details>
+
+<!-- Badges -->
+
+[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/my-module
+[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npmjs.com/package/my-module
+[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/my-module
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

package/dist/module.cjs

@@ -0,0 +1,5 @@
+module.exports = function(...args) {
+  return import('./module.mjs').then(m => m.default.call(this, ...args))
+}
+const _meta = module.exports.meta = require('./module.json')
+module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.mts

@@ -0,0 +1,13 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { GluharI18nOptions } from '@gluhar/i18n';
+import { GluharSanityOptions } from '@gluhar/sanity';
+import { GluharThemeOptions } from '@gluhar/theme';
+
+interface GluharAppOptions {
+    theme?: GluharThemeOptions | false;
+    i18n?: GluharI18nOptions | false;
+    sanity?: GluharSanityOptions | false;
+}
+declare const _default: _nuxt_schema.NuxtModule<GluharAppOptions, GluharAppOptions, false>;
+
+export { type GluharAppOptions, _default as default };

package/dist/module.d.ts

@@ -0,0 +1,13 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { GluharI18nOptions } from '@gluhar/i18n';
+import { GluharSanityOptions } from '@gluhar/sanity';
+import { GluharThemeOptions } from '@gluhar/theme';
+
+interface GluharAppOptions {
+    theme?: GluharThemeOptions | false;
+    i18n?: GluharI18nOptions | false;
+    sanity?: GluharSanityOptions | false;
+}
+declare const _default: _nuxt_schema.NuxtModule<GluharAppOptions, GluharAppOptions, false>;
+
+export { type GluharAppOptions, _default as default };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "@gluhar/app",
+  "configKey": "gluhar",
+  "version": "2.0.0-dev.0",
+  "builder": {
+    "@nuxt/module-builder": "0.8.3",
+    "unbuild": "2.0.0"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,30 @@
+import { defineNuxtModule, createResolver, installModule, addImportsDir } from '@nuxt/kit';
+
+const module = defineNuxtModule({
+  meta: {
+    name: "@gluhar/app",
+    configKey: "gluhar"
+  },
+  // Default configuration options of the Nuxt module
+  defaults: {},
+  async setup(options, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+    const { theme, i18n, sanity } = options;
+    await installModule("@gluhar/core");
+    await installModule("@pinia/nuxt");
+    if (theme !== false) {
+      await installModule("@gluhar/theme", theme);
+    }
+    if (i18n !== false) {
+      await installModule("@gluhar/i18n", i18n);
+    }
+    if (sanity !== false && i18n !== false) {
+      await installModule("@gluhar/sanity", sanity);
+    }
+    addImportsDir(resolve("runtime/composables"));
+    addImportsDir(resolve("runtime/utils"));
+    addImportsDir(resolve("runtime/stores"));
+  }
+});
+
+export { module as default };

package/dist/runtime/composables/useSeo.d.ts

@@ -0,0 +1,2 @@
+import type { Seo } from "@gluhar/sanity/types";
+export declare const useSeo: (seo?: Seo) => void;

package/dist/runtime/composables/useSeo.js

@@ -0,0 +1,34 @@
+import { useGStore } from "../stores/useGStore.js";
+import { useMessages } from "#imports";
+import {
+  useSeoMeta,
+  useServerSeoMeta
+} from "@unhead/vue";
+export const useSeo = (seo) => {
+  const store = useGStore();
+  const { l } = useMessages();
+  const meta = {
+    title: l(store.defaultSeo?.title),
+    ogTitle: l(store.defaultSeo?.title),
+    description: l(store.defaultSeo?.description),
+    ogDescription: l(store.defaultSeo?.description),
+    ogImage: store.defaultSeo?.ogImage?.asset?.url,
+    twitterCard: "summary_large_image"
+  };
+  if (seo) {
+    const { title, description, ogImage } = seo;
+    if (title && l(title)) {
+      meta.title = l(title);
+      meta.ogTitle = l(title);
+    }
+    if (description && l(description)) {
+      meta.description = l(description);
+      meta.ogDescription = l(description);
+    }
+    if (ogImage && ogImage.asset?.url) {
+      meta.ogImage = ogImage.asset?.url;
+    }
+  }
+  useServerSeoMeta(meta);
+  useSeoMeta(meta);
+};

package/dist/runtime/stores/useGStore.d.ts

@@ -0,0 +1,80 @@
+import type { Seo } from "@gluhar/sanity/types";
+export declare const useGStore: import("pinia").StoreDefinition<"gluhar", Pick<{
+    defaultSeo: import("vue").Ref<{
+        title?: import("@gluhar/i18n/types").LocaleString | undefined;
+        description?: import("@gluhar/i18n/types").LocaleString | undefined;
+        ogImage?: {
+            asset?: {
+                url: string;
+            } | undefined;
+            caption?: import("@gluhar/i18n/types").LocaleString | undefined;
+            alt?: import("@gluhar/i18n/types").LocaleString | undefined;
+        } | undefined;
+    }, Seo | {
+        title?: import("@gluhar/i18n/types").LocaleString | undefined;
+        description?: import("@gluhar/i18n/types").LocaleString | undefined;
+        ogImage?: {
+            asset?: {
+                url: string;
+            } | undefined;
+            caption?: import("@gluhar/i18n/types").LocaleString | undefined;
+            alt?: import("@gluhar/i18n/types").LocaleString | undefined;
+        } | undefined;
+    }>;
+    setDefaultSeo: (seo: Seo) => void;
+    mobileMenuActive: import("vue").Ref<boolean, boolean>;
+    toggleMobileMenu: () => void;
+    closeMobileMenu: () => void;
+}, "defaultSeo" | "mobileMenuActive">, Pick<{
+    defaultSeo: import("vue").Ref<{
+        title?: import("@gluhar/i18n/types").LocaleString | undefined;
+        description?: import("@gluhar/i18n/types").LocaleString | undefined;
+        ogImage?: {
+            asset?: {
+                url: string;
+            } | undefined;
+            caption?: import("@gluhar/i18n/types").LocaleString | undefined;
+            alt?: import("@gluhar/i18n/types").LocaleString | undefined;
+        } | undefined;
+    }, Seo | {
+        title?: import("@gluhar/i18n/types").LocaleString | undefined;
+        description?: import("@gluhar/i18n/types").LocaleString | undefined;
+        ogImage?: {
+            asset?: {
+                url: string;
+            } | undefined;
+            caption?: import("@gluhar/i18n/types").LocaleString | undefined;
+            alt?: import("@gluhar/i18n/types").LocaleString | undefined;
+        } | undefined;
+    }>;
+    setDefaultSeo: (seo: Seo) => void;
+    mobileMenuActive: import("vue").Ref<boolean, boolean>;
+    toggleMobileMenu: () => void;
+    closeMobileMenu: () => void;
+}, never>, Pick<{
+    defaultSeo: import("vue").Ref<{
+        title?: import("@gluhar/i18n/types").LocaleString | undefined;
+        description?: import("@gluhar/i18n/types").LocaleString | undefined;
+        ogImage?: {
+            asset?: {
+                url: string;
+            } | undefined;
+            caption?: import("@gluhar/i18n/types").LocaleString | undefined;
+            alt?: import("@gluhar/i18n/types").LocaleString | undefined;
+        } | undefined;
+    }, Seo | {
+        title?: import("@gluhar/i18n/types").LocaleString | undefined;
+        description?: import("@gluhar/i18n/types").LocaleString | undefined;
+        ogImage?: {
+            asset?: {
+                url: string;
+            } | undefined;
+            caption?: import("@gluhar/i18n/types").LocaleString | undefined;
+            alt?: import("@gluhar/i18n/types").LocaleString | undefined;
+        } | undefined;
+    }>;
+    setDefaultSeo: (seo: Seo) => void;
+    mobileMenuActive: import("vue").Ref<boolean, boolean>;
+    toggleMobileMenu: () => void;
+    closeMobileMenu: () => void;
+}, "setDefaultSeo" | "toggleMobileMenu" | "closeMobileMenu">>;

package/dist/runtime/stores/useGStore.js

@@ -0,0 +1,21 @@
+import { defineStore, ref } from "#imports";
+export const useGStore = defineStore("gluhar", () => {
+  const defaultSeo = ref({});
+  const setDefaultSeo = (seo) => {
+    defaultSeo.value = seo;
+  };
+  const mobileMenuActive = ref(false);
+  const toggleMobileMenu = () => {
+    mobileMenuActive.value = !mobileMenuActive.value;
+  };
+  const closeMobileMenu = () => {
+    mobileMenuActive.value = false;
+  };
+  return {
+    defaultSeo,
+    setDefaultSeo,
+    mobileMenuActive,
+    toggleMobileMenu,
+    closeMobileMenu
+  };
+});

package/dist/runtime/types/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/runtime/utils/seo.d.ts

@@ -0,0 +1,3 @@
+import type { SanityPage } from "@gluhar/sanity/types";
+export declare const getCanonicalUrl: (page: SanityPage | null) => string;
+export declare const defaultSeoQuery = "\n  *[_id == \"defaultSeo\"]{\n    ...,\n    ogImage{\n      ...,\n      asset->\n    }\n  }[0]\n";

package/dist/runtime/utils/seo.js

@@ -0,0 +1,22 @@
+import { useRuntimeConfig } from "#imports";
+import { envMode } from "@gluhar/core/utils/common";
+export const getCanonicalUrl = (page) => {
+  const prod = envMode() === "prod";
+  const config = useRuntimeConfig().public;
+  const websiteUrl = (prod ? config.baseUrl?.toString() : config.devUrl?.toString()) || "http://localhost:3000";
+  if (!page?.slug) return websiteUrl;
+  const { _type } = page;
+  const slug = page.slug.current;
+  const path = _type === "page" ? slug : `${_type}s/${slug}`;
+  const url = new URL(path, websiteUrl);
+  return url.toString();
+};
+export const defaultSeoQuery = `
+  *[_id == "defaultSeo"]{
+    ...,
+    ogImage{
+      ...,
+      asset->
+    }
+  }[0]
+`;

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.js'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { type GluharAppOptions, default } from './module.js'

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { type GluharAppOptions, default } from './module'

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@gluhar/app",
+  "version": "2.0.0-dev.0",
+  "description": "Gluhar main package. This combines and configures @gluhar/theme, @gluhar/i18n, @gluhar/sanity and @gluhar/core into one main package. Provides numerous components, composables, utils and types.",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    },
+    "./utils/*": {
+      "types": "./dist/runtime/utils/*.d.ts",
+      "import": "./dist/runtime/utils/*.js"
+    },
+    "./types": {
+      "types": "./dist/runtime/types/index.d.ts",
+      "import": "./dist/runtime/types/index.js"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "gluhar": "npm run gluhar --prefix ../.. -- --cwd=$PWD",
+    "build": "npm run gluhar build -- -t module",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.13.1",
+    "@gluhar/core": "^2.0.0",
+    "@gluhar/i18n": "^2.0.0",
+    "@gluhar/sanity": "^2.0.0",
+    "@gluhar/theme": "^2.0.0",
+    "@pinia/nuxt": "^0.5.4",
+    "pinia": "^2.2.2"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "latest",
+    "@nuxt/eslint-config": "^0.5.6",
+    "@nuxt/module-builder": "^0.8.3",
+    "@nuxt/schema": "^3.13.1",
+    "@nuxt/test-utils": "^3.14.1",
+    "@types/node": "^20.16.5",
+    "changelogen": "^0.5.5",
+    "eslint": "^9.10.0",
+    "nuxt": "^3.13.1",
+    "vitest": "^2.0.5"
+  }
+}