@meeovi/layer-shared 1.0.0

package/app/utils/navigation.ts

@@ -0,0 +1,11 @@
+import type { NavigationItem, Page } from '../types';
+
+export function getNavItemUrl(item: NavigationItem): string | null {
+	if (item.type === 'page' && (item.page as Page)) {
+		return (item.page as Page)?.permalink;
+	} else if (item.type === 'url' && item.url) {
+		return item.url as string;
+	}
+
+	return null;
+}

package/app/utils/objects.ts

@@ -0,0 +1,11 @@
+// Clone an onbject deeply
+export function cloneObject(obj: any): any {
+	return JSON.parse(JSON.stringify(obj));
+}
+// Clone an array deeply
+export function cloneArray(arr: any[]): any[] {
+	return JSON.parse(JSON.stringify(arr));
+}
+export function isObject(objValue: any) {
+	return objValue && typeof objValue === 'object' && objValue.constructor === Object;
+}

package/app/utils/paths.ts

@@ -0,0 +1,21 @@
+export const paths = {
+  home: '/',
+  category: '/category',
+  product: '/product/',
+  cart: '/cart',
+  checkout: '/checkout',
+  search: '/search',
+  account: '/my-account',
+  orderSuccess: '/order/success',
+  orderFailed: '/order/failed',
+  accountPersonalData: '/my-account/personal-data',
+  accountBillingDetails: '/my-account/billing-details',
+  accountShippingDetails: '/my-account/shipping-details',
+  accountMyOrders: '/my-account/my-orders',
+  accountReturns: '/my-account/returns',
+  authResetPassword: '/reset-password',
+  authResetPasswordSuccess: '/reset-password-success',
+  authSetNewPassword: '/set-new-password',
+  authLogin: '/login',
+  authSignup: '/signup',
+};

package/app/utils/relations.ts

@@ -0,0 +1,33 @@
+export function safeRelation(
+	idOrObject: string | { [key: string]: any } | null | undefined,
+): { id: string; [key: string]: any } | null | undefined {
+	if (!idOrObject) return undefined;
+
+	if (typeof idOrObject === 'string') {
+		return {
+			id: idOrObject,
+		};
+	}
+
+	if (idOrObject.id) {
+		return idOrObject.id;
+	}
+
+	return null;
+}
+
+export function safeRelationId(
+	idOrObject: string | { [key: string]: any } | null | undefined,
+): string | null | undefined {
+	if (!idOrObject) return null;
+
+	if (typeof idOrObject === 'string') {
+		return idOrObject;
+	}
+
+	if (idOrObject.id) {
+		return idOrObject.id;
+	}
+
+	return null;
+}

package/app/utils/strings.ts

@@ -0,0 +1,113 @@
+import { v4 as uuidv4 } from 'uuid';
+
+function generateId(): string {
+	return uuidv4();
+}
+
+function stripHTML(original: string | undefined): string | undefined {
+	if (!original) return;
+	else return original.replace(/(<([^>]+)>)/gi, '');
+}
+
+function truncateString(str: string | undefined, num: number): string | undefined {
+	if (!str) return;
+
+	if (str.length <= num) {
+		return str;
+	}
+
+	return str.slice(0, num) + '...';
+}
+
+function truncateHTML(html: string | undefined, num: number): string | undefined {
+	if (!html) return;
+	return truncateString(stripHTML(html), num);
+}
+
+// Slugify a string for hyphens and underscores
+function slugify(str: string | undefined): string | undefined {
+	if (!str) return;
+	return str
+		.toString()
+		.trim()
+		.toLowerCase()
+		.replace(/[^\w ]+/g, '')
+		.replace(/ +/g, '-');
+}
+
+// Deslugify a string for hyphens and underscores and capitalize each word
+function deslugify(str: string | undefined): string | undefined {
+	if (!str) return;
+	return str
+		.trim()
+		.toLowerCase()
+		.replace(/[-_]+/g, ' ')
+		.replace(/ +/g, ' ')
+		.replace(/(^| )(\w)/g, (s) => s.toUpperCase());
+}
+
+function getDomainNameFromEmail(email: string): string {
+	const temp = email.replace(/.*@/, '').split('.');
+	return temp[temp.length - 2] ?? temp[0] ?? '';
+}
+
+function toTitleCase(str: string | undefined): string | undefined {
+	if (!str) return;
+	return str.replace(/\w\S*/g, function (txt) {
+		return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+	});
+}
+
+function snakeToCamel(s: string): string {
+	return s.replace(/_(\w)/g, function (_m, p1) {
+		return p1 ? p1.toUpperCase() : '';
+	});
+}
+
+function convertIconName(name: string): string | null | undefined {
+	if (!name) return;
+	// Convert the icon coming from the API to the name of the icon component
+	// Directus uses Google Material Icons and the icon values are snake_case (e.g. "account_circle")
+	const prefix = 'material-symbols:';
+	// Change snake case to kebab case
+	const kebabCase = name.replace(/_/g, '-');
+	const iconName = prefix + kebabCase;
+	return iconName;
+}
+
+function snakeToKebab(s: string): string {
+	return s.replace(/_(\w)/g, function (_m, p1) {
+		return p1 ? '-' + p1.toLowerCase() : '';
+	});
+}
+
+function maybePluralize(count: number, noun: string, suffix = 's'): string {
+	return `${noun}${count !== 1 ? suffix : ''}`;
+}
+
+// Calculate read time for a string
+function calculateReadTime(str: string | undefined, wordsPerMinute = 200): string | undefined {
+	if (!str) return;
+	// Strip HTML tags
+	str = str.replace(/(<([^>]+)>)/gi, '');
+	const noOfWords = str.split(/\s/g).length;
+	const minutes = noOfWords / wordsPerMinute;
+	const readTime = Math.ceil(minutes);
+	return readTime + ' min read';
+}
+
+export {
+	generateId,
+	stripHTML,
+	truncateHTML,
+	truncateString,
+	maybePluralize,
+	toTitleCase,
+	snakeToCamel,
+	snakeToKebab,
+	convertIconName,
+	slugify,
+	deslugify,
+	getDomainNameFromEmail,
+	calculateReadTime,
+};

package/app/utils/time.ts

@@ -0,0 +1,148 @@
+const months: string[] = [
+	'January',
+	'February',
+	'March',
+	'April',
+	'May',
+	'June',
+	'July',
+	'August',
+	'September',
+	'October',
+	'November',
+	'December',
+];
+
+const days: string[] = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+
+const monthsAbbr: string[] = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
+const daysAbbr: string[] = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+
+const units: Record<string, number> = {
+	year: 24 * 60 * 60 * 1000 * 365,
+	month: (24 * 60 * 60 * 1000 * 365) / 12,
+	week: 24 * 60 * 60 * 1000 * 7,
+	day: 24 * 60 * 60 * 1000,
+	hour: 60 * 60 * 1000,
+	minute: 60 * 1000,
+	second: 1000,
+};
+
+const rtf = new Intl.RelativeTimeFormat('en', { numeric: 'auto' });
+
+function getRelativeTime(d1: Date | string, d2: Date = new Date()): string {
+	if (!(d1 instanceof Date)) d1 = new Date(d1);
+
+	const elapsed = d1.getTime() - d2.getTime();
+
+	for (const u in units) {
+		if (Math.abs(elapsed) > units[u] || u === 'second') {
+			return rtf.format(Math.round(elapsed / units[u]), u as Intl.RelativeTimeFormatUnit);
+		}
+	}
+
+	return '';
+}
+
+function getFriendlyDate(dateString: string, { monthAbbr = {} } = {}): string {
+	const d = new Date(dateString);
+	const year = d.getFullYear();
+	const date = d.getDate();
+
+	const dateSuffix = (date: number): string => {
+		if (date > 3 && date < 21) return 'th';
+
+		switch (date % 10) {
+			case 1:
+				return 'st';
+			case 2:
+				return 'nd';
+			case 3:
+				return 'rd';
+			default:
+				return 'th';
+		}
+	};
+
+	const monthIndex = d.getMonth();
+
+	const monthName = monthAbbr ? monthsAbbr[monthIndex] : months[monthIndex];
+
+	const dayName = daysAbbr[d.getDay()];
+	const formatted = `${dayName}, ${monthName} ${date}${dateSuffix(date)}, ${year}`;
+	return formatted;
+}
+
+function destructureDate(date: string): Record<string, number | string> {
+	const d = new Date(date);
+	const year = d.getFullYear();
+	const month = d.getMonth();
+	const day = d.getDate();
+	const dayName = days[d.getDay()];
+	const monthName = monthsAbbr[month];
+	const hour = d.getHours();
+	const minute = d.getMinutes();
+	const second = d.getSeconds();
+	return { year, month, day, hour, minute, second, dayName, monthName };
+}
+
+function greetUser(): string {
+	const hour = new Date().getHours();
+	if (hour < 12) return 'Good Morning';
+	if (hour < 18) return 'Good Afternoon';
+	return 'Good Evening';
+}
+
+function subtractDates(date1: string | number | Date, date2: string | number | Date, unit?: string): number {
+	if (isNaN(date1 as number) || isNaN(date2 as number)) {
+		date1 = new Date(date1);
+		date2 = new Date(date2);
+	}
+
+	const diff = (date1 as Date).getTime() - (date2 as Date).getTime();
+	if (unit === 'years') return diff / units.year;
+	if (unit === 'months') return diff / units.month;
+	if (unit === 'weeks') return diff / units.week;
+	if (unit === 'days') return diff / units.day;
+	if (unit === 'hours') return diff / units.hour;
+	if (unit === 'minutes') return diff / units.minute;
+	if (unit === 'seconds') return diff / units.second;
+	return diff;
+}
+
+function toDateTime(secs: number): Date {
+	const t = new Date('1970-01-01T00:30:00Z');
+	t.setSeconds(secs);
+	return t;
+}
+
+function getMonth(dateString: string): string {
+	const d = new Date(dateString);
+	const monthIndex = d.getMonth();
+	return monthsAbbr[monthIndex];
+}
+
+function getDate(dateString: string): number {
+	const d = new Date(dateString);
+	return d.getDate();
+}
+
+function getDay(dateString: string): string {
+	const d = new Date(dateString);
+	const dayIndex = d.getDay();
+	return days[dayIndex];
+}
+
+export {
+	getRelativeTime,
+	getFriendlyDate,
+	greetUser,
+	toDateTime,
+	subtractDates as subtractDates,
+	monthsAbbr,
+	destructureDate,
+	getMonth,
+	getDate,
+	getDay,
+};

package/app/utils/url.ts

@@ -0,0 +1,22 @@
+/**
+ * Encode filename for URL usage
+ */
+export function encodeImageSlug (pathname: string): string {
+  return encodeURIComponent(pathname.split('.')[0] as string)
+}
+
+/**
+ * Decode URL slug back to filename
+ */
+export function decodeImageSlug (slug: string): string {
+  return decodeURIComponent(slug)
+}
+
+/**
+ * Check if two image paths match (handling encoding)
+ */
+export function isImageMatch (pathname: string, slug: string): boolean {
+  const imageName = pathname.split('.')[0]
+  const decodedSlug = decodeImageSlug(slug)
+  return imageName === decodedSlug
+}

package/app/utils/user-name.ts

@@ -0,0 +1,21 @@
+import type { User } from '../types';
+
+export function userName(user: Partial<User>): string {
+	if (!user) {
+		return 'Unknown User' as string;
+	}
+
+	if (user.first_name && user.last_name) {
+		return `${user.first_name} ${user.last_name}`;
+	}
+
+	if (user.first_name) {
+		return user.first_name;
+	}
+
+	if (user.email) {
+		return user.email;
+	}
+
+	return 'Unknown User' as string;
+}

package/app/utils/video/README.md

@@ -0,0 +1,51 @@
+Video plugin folder
+====================
+
+Any JS files placed under this folder will be auto-registered as Video.js plugins on client-side app boot.
+
+Auto-registration rules
+----------------------
+
+- Files are discovered via a build-time glob and registered automatically when the app runs in the browser.
+- The plugin name is derived from the file base name (e.g. `hls.js` -> `hls`).
+- If a module exports a `name` property, that value will be used instead of the filename.
+- Modules should default-export the plugin function (or export an object with a `default` property).
+
+Example plugin file (`hls.js`)
+------------------------------
+
+```js
+export default function hls(player, options = {}) {
+  // plugin code
+}
+```
+
+Manual registration
+-------------------
+
+If you need to register plugins manually (for example dynamically or from another module), you can use the registration helpers exposed by the shared Nuxt plugin.
+
+From a component or composable:
+
+```js
+const nuxtApp = useNuxtApp()
+// register single
+nuxtApp.$registerVideojsPlugin('hls', hls)
+
+// register multiple
+nuxtApp.$registerVideojsPlugins({ hls: hls, other: otherPlugin })
+```
+
+Or via the `useVideojs` composable:
+
+```js
+import useVideojs from '~/layers/shared-app/app/composables/media/useVideojs'
+const { registerVideojsPlugin } = useVideojs()
+registerVideojsPlugin('hls', hls)
+```
+
+Notes
+-----
+
+- Auto-registration runs only on the client (browser) to avoid server-side Video.js init.
+- Keep plugin modules small — this folder is intended for thin helpers that call into the Video.js player API.

package/dist/api/global-search.d.ts

@@ -0,0 +1,8 @@
+export interface GlobalSearchResult {
+    id?: string;
+    title?: string;
+    type?: string;
+    description?: string;
+    image?: string;
+    url?: string;
+}

package/dist/api/global-search.js

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

package/dist/blocks/block-button-group.d.ts

@@ -0,0 +1,6 @@
+import type { BlockButton } from './block-button';
+export interface BlockButtonGroup {
+    id: string;
+    buttons: (string | BlockButton)[] | null;
+    alignment: 'left' | 'center' | null;
+}

package/dist/blocks/block-button-group.js

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

package/dist/blocks/block-button.d.ts

@@ -0,0 +1,13 @@
+import type { Post, Page } from '../content';
+export interface BlockButton {
+    id: string;
+    sort: number | null;
+    type: ('pages' | 'posts' | 'external') | null;
+    label: string | null;
+    color: 'primary' | 'white' | 'gray' | 'white' | 'black';
+    variant: 'solid' | 'outline' | 'ghost' | 'link' | 'soft';
+    page: string | Page | null;
+    post: string | Post | null;
+    external_url: string | null;
+    icon: string | null;
+}

package/dist/blocks/block-button.js

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

package/dist/blocks/block-column.d.ts

@@ -0,0 +1,18 @@
+import type { File } from '../system';
+import type { BlockButtonGroup } from '.';
+export interface BlockColumn {
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    rows?: (number | BlockColumnRow)[];
+}
+export interface BlockColumnRow {
+    block_columns?: (string | BlockColumn) | null;
+    content?: string | null;
+    headline?: string | null;
+    id?: string;
+    image?: (string | File) | null;
+    image_position?: string | null;
+    title?: string | null;
+    button_group?: (string | BlockButtonGroup) | null;
+}

package/dist/blocks/block-column.js

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

package/dist/blocks/block-cta.d.ts

@@ -0,0 +1,11 @@
+import type { BlockButtonGroup } from '.';
+export interface BlockCta {
+    buttons?: {
+        [key: string]: any;
+    } | null;
+    content?: string | null;
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    button_group?: (string | BlockButtonGroup) | null;
+}

package/dist/blocks/block-cta.js

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

package/dist/blocks/block-divider.d.ts

@@ -0,0 +1,4 @@
+export interface BlockDivider {
+    id?: string;
+    title?: string | null;
+}

package/dist/blocks/block-divider.js

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

package/dist/blocks/block-faq.d.ts

@@ -0,0 +1,11 @@
+export interface BlockFaq {
+    faqs?: BlockFaqQuestion[] | null;
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    alignment?: 'left' | 'center' | null;
+}
+export interface BlockFaqQuestion {
+    title: string | null;
+    answer: string | null;
+}

package/dist/blocks/block-faq.js

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

package/dist/blocks/block-form.d.ts

@@ -0,0 +1,7 @@
+import type { Form } from '../content';
+export interface BlockForm {
+    form?: (string | Form) | null;
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+}

package/dist/blocks/block-form.js

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

package/dist/blocks/block-gallery.d.ts

@@ -0,0 +1,13 @@
+import type { File } from '../system';
+export interface BlockGallery {
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    gallery_items?: BlockGalleryFile[] | null;
+}
+export interface BlockGalleryFile {
+    block_gallery?: (string | BlockGallery) | null;
+    directus_files_id?: (string | File) | null;
+    id?: number;
+    sort?: number | null;
+}

package/dist/blocks/block-gallery.js

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

package/dist/blocks/block-hero.d.ts

@@ -0,0 +1,11 @@
+import type { File } from '../system';
+import type { BlockButtonGroup } from '.';
+export interface BlockHero {
+    id?: string;
+    title?: string | null;
+    headline?: string | null;
+    content?: string | null;
+    image?: (string | File) | null;
+    image_position?: 'left' | 'right' | null;
+    button_group?: (string | BlockButtonGroup) | null;
+}

package/dist/blocks/block-hero.js

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

package/dist/blocks/block-html.d.ts

@@ -0,0 +1,4 @@
+export interface BlockHtml {
+    id?: string;
+    raw_html?: string | null;
+}

package/dist/blocks/block-html.js

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

package/dist/blocks/block-logocloud.d.ts

@@ -0,0 +1,13 @@
+import type { File } from '../system';
+export interface BlockLogocloud {
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    logos?: (string | BlockLogocloudFile)[];
+}
+export interface BlockLogocloudFile {
+    id?: string;
+    sort?: number | null;
+    block_logocloud_id?: (string | BlockLogocloud) | null;
+    directus_files_id?: (string | File) | null;
+}

package/dist/blocks/block-logocloud.js

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

package/dist/blocks/block-quote.d.ts

@@ -0,0 +1,10 @@
+import type { File } from '../system';
+export interface BlockQuote {
+    background_color?: string | null;
+    content?: string | null;
+    headline?: string | null;
+    id?: string;
+    image?: (string | File) | null;
+    subtitle?: string | null;
+    title?: string | null;
+}

package/dist/blocks/block-quote.js

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

package/dist/blocks/block-richtext.d.ts

@@ -0,0 +1,7 @@
+export interface BlockRichtext {
+    content?: string | null;
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    alignment?: 'left' | 'center' | null;
+}

package/dist/blocks/block-richtext.js

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

package/dist/blocks/block-steps.d.ts

@@ -0,0 +1,21 @@
+import type { File } from '../system';
+import type { BlockButtonGroup } from '.';
+export interface BlockStep {
+    id?: string;
+    title?: string | null;
+    headline?: string | null;
+    /** If enabled, image position is alternated between left and right. */
+    alternate_image_position?: boolean;
+    /** Show the step numbers on the website. For example: (Step 1, Step 2, etc) */
+    show_step_numbers?: boolean | null;
+    steps?: (number | BlockStepItem)[];
+}
+export interface BlockStepItem {
+    id?: string;
+    title?: string | null;
+    content?: string | null;
+    image?: (string | File) | null;
+    sort?: number | null;
+    block_steps?: (string | BlockStep) | null;
+    button_group?: (string | BlockButtonGroup) | null;
+}

package/dist/blocks/block-steps.js

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