@ludo.ninja/components 2.3.36 → 2.3.38

package/build/dto/common/Media/Other/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// helpers
+const core_1 = require("@ludo.ninja/core");
+const Media_1 = __importDefault(require(".."));
+const _3d_1 = require("../../../../utils/3d");
+class Other extends Media_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+        super({
+            nsfw,
+            previewUrl,
+            media,
+            mimeType,
+            originalUrl,
+            alt,
+            originalMime,
+        });
+    }
+    checkOwnType() {
+        return (!(0, core_1.isImage)({
+            media: this.getMedia(),
+            mimeType: this.getMimeType(),
+            originalMimeType: this.getOriginalMime(),
+        }) &&
+            !(0, core_1.isVideo)({
+                media: this.getMedia(),
+                mimeType: this.getMimeType(),
+                originalMimeType: this.getOriginalMime(),
+            }) &&
+            !(0, core_1.isAudio)({
+                media: this.getMedia(),
+                mimeType: this.getMimeType(),
+                originalMimeType: this.getOriginalMime(),
+            }) &&
+            !(0, core_1.isScreenshot)({
+                media: this.getMedia(),
+                mimeType: this.getMimeType(),
+                originalMimeType: this.getOriginalMime(),
+            }) &&
+            !(0, _3d_1.isObject3D)({
+                media: this.getMedia(),
+                mimeType: this.getMimeType(),
+            }));
+    }
+    getMediaUrl() {
+        return (NEXT_PUBLIC_STATIC_DOMAIN) => NEXT_PUBLIC_STATIC_DOMAIN || 'path to custom other';
+    }
+    displaySingleMedia() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its other" });
+    }
+    displayMultipleMedia() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its multiple other" });
+    }
+    displayMiniature() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its miniature other" });
+    }
+    displayLinkedMedia() {
+        return this.displaySingleMedia();
+    }
+    displayOpenGraphMeta({ alt }) {
+        return (0, jsx_runtime_1.jsx)("div", { children: `Other - ${alt}` });
+    }
+}
+exports.default = Other;

package/build/dto/common/Media/Screenshot/index.d.ts

@@ -0,0 +1,15 @@
+import Media from '..';
+import { BasicMediaType, TGetMediaUrlStr } from '../interface';
+declare class Screenshot extends Media {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }: BasicMediaType);
+    checkOwnType(): boolean;
+    getMediaUrl(): TGetMediaUrlStr;
+    displaySingleMedia(): JSX.Element;
+    displayLinkedMedia(): JSX.Element;
+    displayMultipleMedia(): JSX.Element;
+    displayMiniature(): JSX.Element;
+    displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export default Screenshot;

package/build/dto/common/Media/Screenshot/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// helpers
+const core_1 = require("@ludo.ninja/core");
+const Media_1 = __importDefault(require(".."));
+class Screenshot extends Media_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+        super({
+            nsfw,
+            previewUrl,
+            media,
+            mimeType,
+            originalUrl,
+            alt,
+            originalMime,
+        });
+    }
+    checkOwnType() {
+        return (0, core_1.isScreenshot)({
+            media: this.getMedia(),
+            mimeType: this.getMimeType(),
+            originalMimeType: this.getOriginalMime(),
+        });
+    }
+    getMediaUrl() {
+        return (NEXT_PUBLIC_STATIC_DOMAIN) => NEXT_PUBLIC_STATIC_DOMAIN || 'path to custom screenshot';
+    }
+    displaySingleMedia() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its screenshot" });
+    }
+    displayLinkedMedia() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its linked screenshot" });
+    }
+    displayMultipleMedia() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its multiple screenshot" });
+    }
+    displayMiniature() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its miniature screenshot" });
+    }
+    displayOpenGraphMeta({ alt }) {
+        return (0, jsx_runtime_1.jsx)("div", { children: `Screenshot - ${alt}` });
+    }
+}
+exports.default = Screenshot;

package/build/dto/common/Media/Urls/index.d.ts

@@ -0,0 +1,31 @@
+export declare enum mediaSizes {
+    small = "252",
+    regular = "510"
+}
+export declare const getUserPicImage: (getMediaDomain: (env?: string) => string, userPic: string, fallbackImage: string, dimensions?: {
+    w: number;
+    h: number;
+}) => string;
+export declare const getAssetImage: (media: string | null | undefined, fallbackImage: string, dimension: mediaSizes, NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
+export declare const getGalleryBannerImage: (getMediaDomain: (env?: string) => string, galleryId: string | null | undefined, fallbackImage: string, dimensions?: {
+    w: number;
+    h: number;
+}) => string;
+export declare const getAssetVideoOrigins: (getVideoENVDomain: (env?: string) => string, media: string | null | undefined, fallbackImage: string) => string;
+export declare const getAssetAudioOrigins: (getAudioENVDomain: (env?: string) => string, media: string | null | undefined, fallbackImage: string) => string;
+export declare const getAssetVideoPreviews: (getMediaDomain: (env?: string) => string, assetId: string | null | undefined, fallbackImage: string, dimensions?: {
+    w: number;
+    h: number;
+}) => string;
+export declare const getAssetObjectOrigins: (getMediaDomain: (env?: string) => string, assetId: string | null | undefined, fallbackImage: string, dimensions?: {
+    w: number;
+    h: number;
+}) => string;
+export declare const getAssetObjectPreviews: (getMediaDomain: (env?: string) => string, assetId: string | null | undefined, fallbackImage: string, dimensions?: {
+    w: number;
+    h: number;
+}) => string;
+export declare const isExternalMediaImage: (media: string | null, mediaSize: mediaSizes, NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
+export declare const isExternalMediaVideo: (media: string | null, getVideoENVDomain: (env?: string) => string) => string;
+export declare const isExternalMediaAudio: (media: string | null, getAudioENVDomain: (env?: string) => string) => string;
+export declare const isExternalMediaObject: (media: string | null, getMediaDomain: (env?: string) => string) => string;

package/build/dto/common/Media/Urls/index.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isExternalMediaObject = exports.isExternalMediaAudio = exports.isExternalMediaVideo = exports.isExternalMediaImage = exports.getAssetObjectPreviews = exports.getAssetObjectOrigins = exports.getAssetVideoPreviews = exports.getAssetAudioOrigins = exports.getAssetVideoOrigins = exports.getGalleryBannerImage = exports.getAssetImage = exports.getUserPicImage = exports.mediaSizes = void 0;
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const utils_1 = require("@ludo.ninja/utils");
+var mediaType;
+(function (mediaType) {
+    mediaType["ASSETS"] = "assets/";
+    mediaType["USER_PICKS"] = "userpics/";
+    mediaType["GALLERY_BANNERS"] = "gallery-banners/";
+})(mediaType || (mediaType = {}));
+var mediaFoldersType;
+(function (mediaFoldersType) {
+    mediaFoldersType["IMAGES"] = "images/";
+    mediaFoldersType["VIDEOS"] = "videos/";
+    mediaFoldersType["OBJECT"] = "models/";
+})(mediaFoldersType || (mediaFoldersType = {}));
+var mediaObjectsFoldersType;
+(function (mediaObjectsFoldersType) {
+    mediaObjectsFoldersType["ORIGINS"] = "origins/";
+    mediaObjectsFoldersType["PREVIEWS"] = "previews/";
+})(mediaObjectsFoldersType || (mediaObjectsFoldersType = {}));
+var mediaVideosFoldersType;
+(function (mediaVideosFoldersType) {
+    mediaVideosFoldersType["ORIGINS"] = "origins/";
+    mediaVideosFoldersType["PREVIEWS"] = "previews/";
+})(mediaVideosFoldersType || (mediaVideosFoldersType = {}));
+var mediaSizes;
+(function (mediaSizes) {
+    mediaSizes["small"] = "252";
+    mediaSizes["regular"] = "510";
+})(mediaSizes || (exports.mediaSizes = mediaSizes = {}));
+const getUserPicImage = (getMediaDomain, userPic, fallbackImage, dimensions) => {
+    if (!userPic) {
+        return fallbackImage;
+    }
+    return `${getMediaDomain()}/${mediaType.USER_PICKS}${userPic}${getDimensions(dimensions)}`;
+};
+exports.getUserPicImage = getUserPicImage;
+const getDimensions = (dimensions) => {
+    return dimensions ? `?d=${dimensions.w}x${dimensions.h}` : "";
+};
+const getAssetImage = (media, fallbackImage, dimension, NEXT_PUBLIC_STATIC_DOMAIN) => {
+    if (!media) {
+        return fallbackImage;
+    }
+    return `https://${dimension}.${NEXT_PUBLIC_STATIC_DOMAIN}/assets/images/${media}`;
+};
+exports.getAssetImage = getAssetImage;
+const getGalleryBannerImage = (getMediaDomain, galleryId, fallbackImage, dimensions) => {
+    if (!galleryId) {
+        return fallbackImage;
+    }
+    return `${getMediaDomain()}/${mediaType.GALLERY_BANNERS}${galleryId}${getDimensions(dimensions)}`;
+};
+exports.getGalleryBannerImage = getGalleryBannerImage;
+const getAssetVideoOrigins = (getVideoENVDomain, media, fallbackImage) => {
+    if (!media) {
+        return fallbackImage;
+    }
+    return `${getVideoENVDomain()}/${media}`;
+};
+exports.getAssetVideoOrigins = getAssetVideoOrigins;
+const getAssetAudioOrigins = (getAudioENVDomain, media, fallbackImage) => {
+    if (!media) {
+        return fallbackImage;
+    }
+    return `${getAudioENVDomain()}/${media}`;
+};
+exports.getAssetAudioOrigins = getAssetAudioOrigins;
+const getAssetVideoPreviews = (getMediaDomain, assetId, fallbackImage, dimensions) => {
+    if (!assetId) {
+        return fallbackImage;
+    }
+    return `${getMediaDomain()}/${mediaType.ASSETS}${mediaFoldersType.VIDEOS}${mediaVideosFoldersType.PREVIEWS}${assetId}${getDimensions(dimensions)}`;
+};
+exports.getAssetVideoPreviews = getAssetVideoPreviews;
+const getAssetObjectOrigins = (getMediaDomain, assetId, fallbackImage, dimensions) => {
+    if (!assetId) {
+        return fallbackImage;
+    }
+    return `${getMediaDomain()}/${mediaType.ASSETS}${mediaFoldersType.OBJECT}${mediaObjectsFoldersType.ORIGINS}${assetId}${getDimensions(dimensions)}`;
+};
+exports.getAssetObjectOrigins = getAssetObjectOrigins;
+const getAssetObjectPreviews = (getMediaDomain, assetId, fallbackImage, dimensions) => {
+    if (!assetId) {
+        return fallbackImage;
+    }
+    return `${getMediaDomain()}/${mediaType.ASSETS}${mediaFoldersType.OBJECT}${mediaObjectsFoldersType.PREVIEWS}${assetId}${getDimensions(dimensions)}`;
+};
+exports.getAssetObjectPreviews = getAssetObjectPreviews;
+const isExternalMediaImage = (media, mediaSize, NEXT_PUBLIC_STATIC_DOMAIN) => {
+    if (media == null || !media.length)
+        return `${constants_1.staticLink}/public/noContent/noContent.svg`;
+    if (media.includes("base64"))
+        return media;
+    if (media.includes("https" || "http"))
+        return (0, utils_1.checkGltfUrl)(media);
+    return (0, exports.getAssetImage)(media, `${constants_1.staticLink}/public/noContent/noContent.svg`, mediaSize, NEXT_PUBLIC_STATIC_DOMAIN);
+};
+exports.isExternalMediaImage = isExternalMediaImage;
+const isExternalMediaVideo = (media, getVideoENVDomain) => {
+    if (media == null)
+        return `${constants_1.staticLink}/public/noContent/noContent.svg`;
+    if (media.includes("https" || "http"))
+        return (0, utils_1.checkGltfUrl)(media);
+    return (0, exports.getAssetVideoOrigins)(getVideoENVDomain, media, `${constants_1.staticLink}/public/noContent/noContent.svg`);
+};
+exports.isExternalMediaVideo = isExternalMediaVideo;
+const isExternalMediaAudio = (media, getAudioENVDomain) => {
+    if (media == null)
+        return `${constants_1.staticLink}/public/noContent/noContentAudio.svg`;
+    if (media.includes("https" || "http"))
+        return (0, utils_1.checkGltfUrl)(media);
+    return (0, exports.getAssetAudioOrigins)(getAudioENVDomain, media, `${constants_1.staticLink}/public/noContent/noContentAudio.svg`);
+};
+exports.isExternalMediaAudio = isExternalMediaAudio;
+const isExternalMediaObject = (media, getMediaDomain) => {
+    if (media == null)
+        return `${constants_1.staticLink}/public/noContent/noContentObject.svg`;
+    if (media.includes("https" || "http"))
+        return (0, utils_1.checkGltfUrl)(media);
+    return (0, exports.getAssetObjectOrigins)(getMediaDomain, media, `${constants_1.staticLink}/public/noContent/noContentObject.svg`);
+};
+exports.isExternalMediaObject = isExternalMediaObject;

package/build/dto/common/Media/Video/index.d.ts

@@ -0,0 +1,15 @@
+import Media from '..';
+import { BasicMediaType, TGetMediaUrlFunc } from '../interface';
+declare class Video extends Media {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }: BasicMediaType);
+    checkOwnType(): boolean;
+    getMediaUrl(): TGetMediaUrlFunc;
+    displaySingleMedia(): JSX.Element;
+    displayMultipleMedia(): JSX.Element;
+    displayMiniature(): JSX.Element;
+    displayLinkedMedia(): JSX.Element;
+    displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export default Video;

package/build/dto/common/Media/Video/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+// helpers
+const core_1 = require("@ludo.ninja/core");
+const Media_1 = __importDefault(require(".."));
+class Video extends Media_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }) {
+        super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
+    }
+    checkOwnType() {
+        return (0, core_1.isVideo)({
+            media: this.getMedia(),
+            mimeType: this.getMimeType(),
+            originalMimeType: this.getOriginalMime(),
+        });
+    }
+    getMediaUrl() {
+        return (getENVDomain) => getENVDomain() || 'path to custom video';
+    }
+    displaySingleMedia() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its video" });
+    }
+    displayMultipleMedia() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its multiple video" });
+    }
+    displayMiniature() {
+        return (0, jsx_runtime_1.jsx)("div", { children: "its miniature video" });
+    }
+    displayLinkedMedia() {
+        return this.displaySingleMedia();
+    }
+    displayOpenGraphMeta({ alt }) {
+        return (0, jsx_runtime_1.jsx)("div", { children: `Video - ${alt}` });
+    }
+}
+exports.default = Video;

package/build/dto/common/Media/index.d.ts

@@ -0,0 +1,28 @@
+import { BasicMediaType, IMedia, TGetMediaUrlFunc, TGetMediaUrlStr } from './interface';
+declare abstract class Media implements IMedia {
+    protected readonly media: string | null;
+    protected readonly originalUrl: string | null | undefined;
+    private readonly mimeType;
+    private readonly previewUrl;
+    private readonly nsfw;
+    private readonly alt;
+    private readonly originalMime;
+    protected constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }: BasicMediaType);
+    getMedia(): null | string;
+    getMimeType(): null | string;
+    getAlt(): string;
+    getOriginalUrl(): null | string | undefined;
+    getOriginalMime(): string | null;
+    getNsfw(): number | null;
+    getPreviewUrl(): null | string[];
+    abstract checkOwnType(): boolean;
+    abstract getMediaUrl(): TGetMediaUrlFunc | TGetMediaUrlStr;
+    abstract displaySingleMedia(): JSX.Element;
+    abstract displayLinkedMedia(): JSX.Element;
+    abstract displayMultipleMedia(): JSX.Element;
+    abstract displayMiniature(): JSX.Element;
+    abstract displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export default Media;

package/build/dto/common/Media/index.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// interface
+const utils_1 = require("@ludo.ninja/utils");
+class Media {
+    media;
+    originalUrl;
+    mimeType;
+    previewUrl;
+    nsfw;
+    alt;
+    originalMime;
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+        this.media = media;
+        this.mimeType = mimeType;
+        this.previewUrl = previewUrl;
+        this.originalUrl = originalUrl;
+        this.nsfw = nsfw;
+        this.originalUrl = originalUrl;
+        this.alt = alt;
+        this.originalMime = originalMime;
+    }
+    getMedia() {
+        return (0, utils_1.checkGltfUrl)(this.media || '');
+    }
+    getMimeType() {
+        return this.mimeType;
+    }
+    getAlt() {
+        return this.alt;
+    }
+    getOriginalUrl() {
+        return this.originalUrl;
+    }
+    getOriginalMime() {
+        return this.originalMime;
+    }
+    getNsfw() {
+        return this.nsfw;
+    }
+    getPreviewUrl() {
+        return this.previewUrl;
+    }
+}
+exports.default = Media;

package/build/dto/common/Media/interface.d.ts

@@ -0,0 +1,30 @@
+import ICreationEntity from '../../CreationEntity/interface';
+export type TGetMediaUrlFunc = (getENVDomain: (env?: string) => string, isExternalImage?: boolean) => string;
+export type TGetMediaUrlStr = (getENVDomain: string, isExternalImage?: boolean) => string;
+export interface IMedia {
+    getMedia(): null | string;
+    getMimeType(): null | string;
+    getPreviewUrl(): null | string[];
+    getOriginalUrl(): null | string | undefined;
+    getNsfw(): number | null;
+    getAlt(): string;
+    getOriginalMime(): null | string;
+    getMediaUrl(): TGetMediaUrlFunc | TGetMediaUrlStr;
+    checkOwnType(): boolean;
+    displaySingleMedia(arg?: ICreationEntity): JSX.Element;
+    displayLinkedMedia(arg?: ICreationEntity): JSX.Element;
+    displayMultipleMedia(arg?: ICreationEntity): JSX.Element;
+    displayMiniature(arg?: ICreationEntity): JSX.Element;
+    displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export type BasicMediaType = {
+    media: null | string;
+    mimeType: null | string;
+    nsfw: number | null;
+    previewUrl: string[] | null;
+    originalUrl?: string | null;
+    alt: string;
+    originalMime: null | string;
+};

package/build/dto/common/Media/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/entities/asset/AssetMediasViews.d.ts

@@ -0,0 +1,4 @@
+import { TAsset } from './types';
+export declare const AssetMediasViews: ({ medias }: {
+    medias: TAsset["medias"];
+}) => import("react/jsx-runtime").JSX.Element[];

package/build/entities/asset/AssetMediasViews.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetMediasViews = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const assetPage_1 = require("../../components/assetPage");
+const AssetImage_1 = __importDefault(require("../../components/assetPage/media/AssetImage"));
+const AssetImage_2 = __importDefault(require("../../components/assetPage/media/AssetImage"));
+const getMediaVariant_1 = require("../media/getMediaVariant");
+const types_1 = require("../media/types");
+const urls_1 = require("../media/urls");
+const env_1 = require("../../store/env");
+const constants_1 = require("@ludo.ninja/core/build/constants");
+const AssetMediasViews = ({ medias }) => {
+    return medias.map((media) => {
+        const mediaVariant = (0, getMediaVariant_1.getMediaVariant)({ media });
+        switch (mediaVariant) {
+            case types_1.EMediaVariants.image:
+                return (0, jsx_runtime_1.jsx)(AssetImageMediaView, { media: media });
+            case types_1.EMediaVariants.audio:
+                return (0, jsx_runtime_1.jsx)(AssetAudioMediaView, { media: media });
+            case types_1.EMediaVariants.screenshot:
+                return (0, jsx_runtime_1.jsx)(AssetImageMediaView, { media: media, isScreenshot: true });
+            case types_1.EMediaVariants.video:
+                return (0, jsx_runtime_1.jsx)(AssetVideoMediaView, { media: media });
+            case types_1.EMediaVariants.object3d:
+                return (0, jsx_runtime_1.jsx)(assetPage_1.Viewer3D, { file3D: media.originalUrl, file2D: "" });
+            case types_1.EMediaVariants.other:
+                return (0, jsx_runtime_1.jsx)(AssetOtherMediaView, { media: media });
+            default:
+                return ((0, jsx_runtime_1.jsx)(AssetImage_2.default, { alt: media.alt, imageUrl: `${constants_1.staticLink}/public/noContent/noContent.svg`, errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg` }));
+        }
+    });
+};
+exports.AssetMediasViews = AssetMediasViews;
+const AssetImageMediaView = ({ media, isScreenshot }) => {
+    const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
+    return ((0, jsx_runtime_1.jsx)(AssetImage_1.default, { alt: media.alt, imageUrl: (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: media.originalUrl, isScreenshot: isScreenshot }));
+};
+const AssetAudioMediaView = ({ media }) => {
+    const getAudioENVDomain = (0, env_1.useEnvStore)((state) => state.getAudioDomain);
+    return ((0, jsx_runtime_1.jsx)(assetPage_1.AudioVideoPlayer, { playerType: "audio", poster: null, src: (0, urls_1.isExternalMediaAudio)(media.media, getAudioENVDomain) }));
+};
+const AssetVideoMediaView = ({ media }) => {
+    const getVideoENVDomain = (0, env_1.useEnvStore)((state) => state.getVideoDomain);
+    return ((0, jsx_runtime_1.jsx)(assetPage_1.AudioVideoPlayer, { playerType: "video", poster: null, src: (0, urls_1.isExternalMediaVideo)(media.media, getVideoENVDomain) }));
+};
+const AssetOtherMediaView = ({ media }) => {
+    const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
+    const mediaUrl = (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
+    return ((0, jsx_runtime_1.jsx)(AssetImage_2.default, { alt: media.alt, imageUrl: mediaUrl, errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: media.originalUrl ?? mediaUrl }));
+};

package/build/entities/asset/builder.d.ts

@@ -1,3 +1,3 @@
-import { TAsset } from "@/entities/asset/types";
+import { TAsset } from './types';
 import { IAsset } from "@ludo.ninja/api/build/graphql_tools/__generated__/assetsHost/schema";
 export declare const buildAsset: (asset: IAsset) => TAsset;

package/build/entities/asset/builder.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildAsset = void 0;
-const types_1 = require("@/entities/labelCreationType/types");
-const builder_1 = require("@/entities/media/builder");
+const types_1 = require("../labelCreationType/types");
+const builder_1 = require("../media/builder");
 const core_1 = require("@ludo.ninja/core");
 const utils_1 = require("@ludo.ninja/utils");
 const buildAsset = (asset) => {

package/build/entities/asset/getAssetMediasOpengraph.d.ts

@@ -0,0 +1,5 @@
+import { TAsset } from './types';
+export declare const getAssetMediasOpengraph: ({ medias, alt }: {
+    medias: TAsset["medias"];
+    alt: string;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/build/entities/asset/getAssetMediasOpengraph.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAssetMediasOpengraph = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const getMediaVariant_1 = require("../media/getMediaVariant");
+const types_1 = require("../media/types");
+const urls_1 = require("../media/urls");
+const env_1 = require("../../store/env");
+// render as function (bug in next js for next/head)
+// export as function, don't use as Component
+const getAssetMediasOpengraph = ({ medias, alt }) => {
+    const { NEXT_PUBLIC_STATIC_DOMAIN, getAudioDomain, getVideoDomain } = (0, env_1.useEnvStore)((state) => ({
+        NEXT_PUBLIC_STATIC_DOMAIN: state.NEXT_PUBLIC_STATIC_DOMAIN,
+        getAudioDomain: state.getAudioDomain,
+        getVideoDomain: state.getVideoDomain,
+    }));
+    const media = medias[0];
+    if (!media)
+        return null;
+    const mediaVariant = (0, getMediaVariant_1.getMediaVariant)({ media });
+    switch (mediaVariant) {
+        case types_1.EMediaVariants.audio:
+            return (0, jsx_runtime_1.jsx)("meta", { property: "og:audio", content: (0, urls_1.isExternalMediaAudio)(media.media, getAudioDomain) });
+        case types_1.EMediaVariants.video:
+            const url = (0, urls_1.isExternalMediaVideo)(media.media, getVideoDomain);
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:video", content: url }), (0, jsx_runtime_1.jsx)("meta", { property: "og:video:secure_url", content: url }), (0, jsx_runtime_1.jsx)("meta", { property: "og:video:type", content: "application/x-shockwave-flash" }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: url }), (0, jsx_runtime_1.jsx)("meta", { property: "\u201Dog:image:width\u201D", content: "1280" }), (0, jsx_runtime_1.jsx)("meta", { property: "\u201Dog:image:height\u201D", content: "720" })] }));
+        case types_1.EMediaVariants.object3d:
+            //todo: add preview url
+            // const previewUrl = isExternalMediaImage(media.media, mediaSizes.regular, process.env.NEXT_PUBLIC_STATIC_DOMAIN);
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+        case types_1.EMediaVariants.image:
+        case types_1.EMediaVariants.other:
+        case types_1.EMediaVariants.screenshot:
+        default:
+            const urlDefault = (0, urls_1.isExternalMediaImage)(media.media, urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: urlDefault }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:alt", content: alt }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:image", content: urlDefault }), (0, jsx_runtime_1.jsx)("meta", { property: "twitter:image:alt", content: alt })] }));
+    }
+};
+exports.getAssetMediasOpengraph = getAssetMediasOpengraph;

package/build/entities/asset/getAssetMiniatureUrl.d.ts

@@ -1,4 +1,4 @@
-import { TAsset } from "@/entities/asset/types";
+import { TAsset } from './types';
 export declare const getAssetMiniatureUrl: ({ asset, nextPublicDomain, getAudioDomain, getVideoDomain }: {
     asset: TAsset;
     nextPublicDomain: string;

package/build/entities/asset/getAssetMiniatureUrl.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAssetMiniatureUrl = void 0;
-const getMediaVariant_1 = require("@/entities/media/getMediaVariant");
-const types_1 = require("@/entities/media/types");
-const urls_1 = require("@/entities/media/urls");
+const getMediaVariant_1 = require("../media/getMediaVariant");
+const types_1 = require("../media/types");
+const urls_1 = require("../media/urls");
 const constants_1 = require("@ludo.ninja/core/build/constants");
 const getAssetMiniatureUrl = ({ asset, nextPublicDomain, getAudioDomain, getVideoDomain }) => {
     const media = asset.medias[0];

package/build/entities/asset/types.d.ts

@@ -1,5 +1,5 @@
-import { LabelKeys } from "@/entities/labelCreationType/types";
-import { IMedia } from "@/entities/media/types";
+import { LabelKeys } from '../labelCreationType/types';
+import { IMedia } from '../media/types';
 import assetSchema, { IAsset, IProfile, IAttribute } from "@ludo.ninja/api/build/graphql_tools/__generated__/assetsHost/schema";
 import { BlockChainEntity, MarketPlaceEntity } from "@ludo.ninja/core";
 export type TAsset = {

package/build/entities/collection/builder.d.ts

@@ -0,0 +1,3 @@
+import { TCollection } from './types';
+import { collectionsSchema } from "@ludo.ninja/api";
+export declare const buildCollection: (collection: collectionsSchema.ICollection) => TCollection;

package/build/entities/collection/builder.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildCollection = void 0;
+const core_1 = require("@ludo.ninja/core");
+const buildCollection = (collection) => {
+    const newCollection = {
+        collectionTitle: collection.collectionTitle || null,
+        collectionId: collection.collectionId,
+        collectionItems: collection.items || 0,
+        owners: collection.owners || 0,
+        creatorsProfiles: collection.creatorsProfiles
+            ? collection.creatorsProfiles.map((profile) => new core_1.ProfileEntity(profile))
+            : null,
+        contractAddress: collection.contractAddress || null,
+        collectionMarkets: collection.collectionMarkets?.map((market) => new core_1.MarketPlaceEntity({
+            marketName: market?.marketName,
+            marketUrl: market?.marketUrl,
+            marketId: market?.marketUrl,
+        })) || [],
+        creatorsAddresses: (collection.creatorsAddresses || []),
+        blockchain: new core_1.BlockChainEntity(collection.blockchain),
+        rank: collection.rank ? Math.round(collection.rank) : 0,
+        likes: collection.likes || 0,
+        liked: !!collection.liked,
+    };
+    return {
+        ...newCollection,
+        creationLink: `/${newCollection.collectionId}/${newCollection.collectionId}`,
+    };
+};
+exports.buildCollection = buildCollection;