@ludo.ninja/components 2.3.6 → 2.3.8

package/build/dto/AssetEntity/index.js

@@ -0,0 +1,208 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const views_1 = require("./views");
+const AssetObject_1 = __importDefault(require("./views/AssetObject"));
+const types_1 = require("../../entities/labelCreationType/types");
+const core_1 = require("@ludo.ninja/core");
+const utils_1 = require("@ludo.ninja/utils");
+class AssetEntity {
+    assetId;
+    blockchain;
+    ownersProfiles;
+    ownersAddresses;
+    itemType;
+    address;
+    tokenId;
+    medias;
+    name;
+    description;
+    creatorsProfiles;
+    creatorsAddresses;
+    markets;
+    originalUrls;
+    rank;
+    collection;
+    category;
+    categoryLabel;
+    attributes;
+    blockTimestamp;
+    price;
+    constructor(asset) {
+        this.assetId = asset.assetId;
+        this.blockchain = new core_1.BlockChainEntity(asset?.blockchain);
+        this.markets =
+            asset.markets?.map((market) => new core_1.MarketPlaceEntity({
+                marketName: market?.marketName,
+                marketUrl: market?.marketUrl,
+                marketId: market?.marketUrl,
+            })) || [];
+        this.ownersProfiles = asset.ownersProfiles || null;
+        this.ownersAddresses = asset.ownersAddresses;
+        this.itemType = types_1.LabelKeys.asset;
+        this.address = asset.address;
+        this.tokenId = asset.tokenId;
+        this.medias = asset.medias;
+        this.name = asset.name;
+        this.description = asset.description;
+        this.creatorsProfiles = asset.creatorsProfiles || null;
+        this.creatorsAddresses = asset.creatorsAddresses;
+        this.originalUrls = asset.originalUrls;
+        this.rank = asset.rank;
+        this.collection = {
+            collectionId: asset.collectionId,
+            collectionTitle: asset.collectionTitle,
+            collectionMedias: asset.collectionMedias,
+        };
+        this.category = asset.category;
+        this.categoryLabel = asset.categoryLabel;
+        this.price = {
+            latestPriceAmount: asset.latestPriceAmount,
+            latestPriceCurrency: asset.latestPriceCurrency,
+        };
+        this.attributes = asset.attributes;
+        this.blockTimestamp = asset.blockTimestamp;
+    }
+    // accessors
+    getAssetId() {
+        return this.assetId;
+    }
+    getIsSlider() {
+        const assetMedias = this.getAssetMedias();
+        const originalUrls = this.getOriginalUrls() || [];
+        const hasMoreThanOneMedia = assetMedias && assetMedias.length > 1;
+        const hasMoreThanOneOriginalUrl = originalUrls && originalUrls.length > 1;
+        return hasMoreThanOneMedia || hasMoreThanOneOriginalUrl;
+    }
+    getSplitedAssetId() {
+        return this.getAssetId().split(".")[1] || this.getAssetId();
+    }
+    getName() {
+        return this.name ? this.name : null;
+    }
+    getMarkets() {
+        return this.markets ? this.markets : null;
+    }
+    getBlockchain() {
+        return this.blockchain;
+    }
+    getPrice() {
+        return {
+            latestPriceAmount: this.price.latestPriceAmount ? this.price.latestPriceAmount : null,
+            latestPriceCurrency: this.price.latestPriceCurrency ? this.price.latestPriceCurrency : null,
+        };
+    }
+    getBlockTimestamp() {
+        return this.blockTimestamp;
+    }
+    getAttributes() {
+        return this.attributes?.length ? this.attributes : [];
+    }
+    getDescription() {
+        return this.description ? this.description : null;
+    }
+    getTokenId() {
+        return this.tokenId ? this.tokenId : null;
+    }
+    getCollection() {
+        return {
+            collectionId: this.collection.collectionId ? this.collection.collectionId : null,
+            collectionTitle: this.collection.collectionTitle ? this.collection.collectionTitle : null,
+            collectionMedias: this.collection.collectionMedias?.length
+                ? this.collection.collectionMedias
+                : [],
+        };
+    }
+    getCategory() {
+        return this.category ? this.category : null;
+    }
+    getCategoryLabel() {
+        return this.categoryLabel ? this.categoryLabel : null;
+    }
+    getOriginalUrls() {
+        if (!this.originalUrls)
+            return null;
+        const convertedOriginalUrlsArray = [];
+        for (let i = 0; i < this.originalUrls?.length; i++) {
+            convertedOriginalUrlsArray.push({
+                url: (0, utils_1.checkGltfUrl)(this.originalUrls[i] || ""),
+                mimeType: null,
+                originalMime: null,
+            });
+        }
+        return convertedOriginalUrlsArray;
+    }
+    getItemType() {
+        return this.itemType;
+    }
+    getRank() {
+        return this.rank ? Math.round(this.rank) : 0;
+    }
+    getAddress() {
+        return this.address ? this.address : null;
+    }
+    getAssetLink() {
+        if (this.getItemType() === types_1.LabelKeys.asset) {
+            if (this.getBlockchain().getBlockChainPrivateLabel() === (core_1.BlockChainKeys.elrond || core_1.BlockChainKeys.solana)) {
+                return `/${this.getItemType()}/${this.getBlockchain().getBlockChainPrivateLabel()}/${this.getAssetId()}`;
+            }
+            else {
+                return `/${this.getItemType()}/${this.getBlockchain().getBlockChainPrivateLabel()}/${this.getAddress()}/${this.getTokenId()}`;
+            }
+        }
+        return `/${this.getItemType()}/${this.getAssetId()}`;
+    }
+    getOwnersProfiles() {
+        return this.ownersProfiles ? this.ownersProfiles : [];
+    }
+    getAssetMedias() {
+        return this.medias ? this.medias : [];
+    }
+    getAssetMediaType() {
+        const medias = this.getAssetMedias().length ? this.getAssetMedias() : this.getOriginalUrls();
+        const detectedMedias = [];
+        medias?.forEach((media) => {
+            detectedMedias.push(this.detectMediaType(media.url, media.mimeType, media.originalUrl, media.originalMime));
+        });
+        return detectedMedias;
+    }
+    detectMediaType(media, mimeType, originalUrl, originalMime) {
+        const mediaFields = {
+            media,
+            nsfw: null,
+            mimeType,
+            previewUrl: null,
+            originalUrl,
+            alt: `${this.getName()} ${this.getAddress()}`,
+            originalMime,
+        };
+        const mediaTypes = [
+            new views_1.AssetImage(mediaFields),
+            new views_1.AssetAudio(mediaFields),
+            new views_1.AssetScreenshot(mediaFields),
+            new views_1.AssetVideo(mediaFields),
+            new AssetObject_1.default(mediaFields),
+            new views_1.AssetOther(mediaFields),
+        ];
+        let currentMedia = new views_1.AssetOther(mediaFields);
+        for (let i = 0; i < mediaTypes.length; i++) {
+            if (mediaTypes[i].checkOwnType()) {
+                currentMedia = mediaTypes[i];
+                break;
+            }
+        }
+        return currentMedia;
+    }
+    getCreatorsProfiles() {
+        return this.creatorsProfiles ? this.creatorsProfiles : [];
+    }
+    getOwnersAddresses() {
+        return this.ownersAddresses ? this.ownersAddresses : null;
+    }
+    getCreatorsAddresses() {
+        return this.creatorsAddresses ? this.creatorsAddresses : null;
+    }
+}
+exports.default = AssetEntity;

package/build/dto/AssetEntity/interface.d.ts

@@ -0,0 +1,39 @@
+import { assetSchema as schema } from '@ludo.ninja/api';
+import { BlockChainEntity, MarketPlaceEntity } from '@ludo.ninja/core';
+import Media from '../common/Media';
+import { LabelKeys } from '../common/ItemType';
+interface IAssetEntity {
+    getAssetId(): string;
+    getBlockchain(): BlockChainEntity;
+    getOwnersProfiles(): schema.IProfile[];
+    getBlockTimestamp(): number;
+    getCreatorsProfiles(): schema.IProfile[];
+    getSplitedAssetId(): string;
+    getAttributes(): schema.IAttribute[];
+    getAssetMediaType(): Media[];
+    getOwnersAddresses(): string[] | null;
+    getCreatorsAddresses(): string[] | null;
+    getIsSlider(): boolean;
+    getMarkets(): MarketPlaceEntity[] | null;
+    detectMediaType(media: string, mimeType: string, originalUrl: string, originalMime: string): Media;
+    getPrice(): {
+        latestPriceAmount: number | null;
+        latestPriceCurrency: string | null;
+    };
+    getAssetMedias(): schema.IMedia[];
+    getItemType(): LabelKeys;
+    getName(): null | string;
+    getOriginalUrls(): schema.IMedia[] | null;
+    getAddress(): string | null;
+    getCollection(): {
+        collectionId: string | null;
+        collectionTitle: string | null;
+        collectionMedias: schema.IMedia[];
+    };
+    getCategory(): string | null;
+    getCategoryLabel(): string | null;
+    getTokenId(): string | null;
+    getDescription(): string | null;
+    getRank(): number;
+}
+export default IAssetEntity;

package/build/dto/AssetEntity/interface.js

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

package/build/dto/AssetEntity/views/AssetAudio/index.d.ts

@@ -0,0 +1,11 @@
+import Audio from '../../../common/Media/Audio';
+import { BasicMediaType, TGetMediaUrlFunc } from '../../../common/Media/interface';
+declare class AssetAudio extends Audio {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }: BasicMediaType);
+    getMediaUrl(): TGetMediaUrlFunc;
+    displaySingleMedia(): JSX.Element;
+    displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export default AssetAudio;

package/build/dto/AssetEntity/views/AssetAudio/index.js

@@ -0,0 +1,32 @@
+"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");
+const assetPage_1 = require("../../../../components/assetPage");
+const Audio_1 = __importDefault(require("../../../common/Media/Audio"));
+const Urls_1 = require("../../../common/Media/Urls");
+const env_1 = require("../../../../store/env");
+class AssetAudio extends Audio_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }) {
+        super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
+    }
+    getMediaUrl() {
+        const media = this.getMedia();
+        return (getAudioENVDomain) => (0, Urls_1.isExternalMediaAudio)(media, getAudioENVDomain);
+    }
+    displaySingleMedia() {
+        return (0, jsx_runtime_1.jsx)(DisplaySingleMedia, { getMediaUrl: this.getMediaUrl() });
+    }
+    displayOpenGraphMeta({ alt }) {
+        const url = this.getMediaUrl();
+        const getAudioENVDomain = (0, env_1.useEnvStore)((state) => state.getAudioDomain);
+        return ((0, jsx_runtime_1.jsx)("meta", { property: "og:audio", content: url(getAudioENVDomain) }));
+    }
+}
+const DisplaySingleMedia = ({ getMediaUrl, }) => {
+    const getAudioENVDomain = (0, env_1.useEnvStore)((state) => state.getAudioDomain);
+    return ((0, jsx_runtime_1.jsx)(assetPage_1.AudioVideoPlayer, { playerType: "audio", poster: null, src: getMediaUrl(getAudioENVDomain) }));
+};
+exports.default = AssetAudio;

package/build/dto/AssetEntity/views/AssetImage/index.d.ts

@@ -0,0 +1,12 @@
+import Image from '../../../common/Media/Image';
+import { BasicMediaType } from '../../../common/Media/interface';
+declare class AssetImage extends Image {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }: BasicMediaType);
+    getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
+    displaySingleMedia(): JSX.Element;
+    displayLinkedMedia(): JSX.Element;
+    displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export default AssetImage;

package/build/dto/AssetEntity/views/AssetImage/index.js

@@ -0,0 +1,44 @@
+"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");
+const AssetImage_1 = __importDefault(require("../../../../components/assetPage/media/AssetImage"));
+const Image_1 = __importDefault(require("../../../common/Media/Image"));
+const Urls_1 = require("../../../common/Media/Urls");
+const env_1 = require("../../../../store/env");
+const constants_1 = require("@ludo.ninja/core/build/constants");
+class AssetImage extends Image_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }) {
+        super({
+            nsfw,
+            previewUrl,
+            media,
+            mimeType,
+            originalUrl,
+            alt,
+            originalMime,
+        });
+    }
+    getMediaUrl() {
+        const media = this.getMedia();
+        return (NEXT_PUBLIC_STATIC_DOMAIN) => (0, Urls_1.isExternalMediaImage)(media, Urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
+    }
+    displaySingleMedia() {
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl() });
+    }
+    displayLinkedMedia() {
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { alt: this.getAlt(), getMediaUrl: this.getMediaUrl(), originalUrl: this.getOriginalUrl() });
+    }
+    displayOpenGraphMeta({ alt }) {
+        const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
+        const url = this.getMediaUrl();
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: url(NEXT_PUBLIC_STATIC_DOMAIN) }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:alt", content: alt }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:image", content: url(NEXT_PUBLIC_STATIC_DOMAIN) }), (0, jsx_runtime_1.jsx)("meta", { property: "twitter:image:alt", content: alt })] }));
+    }
+}
+const DisplayMedia = ({ getMediaUrl, alt, originalUrl, }) => {
+    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: alt, imageUrl: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: originalUrl }));
+};
+exports.default = AssetImage;

package/build/dto/AssetEntity/views/AssetObject/index.d.ts

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

package/build/dto/AssetEntity/views/AssetObject/index.js

@@ -0,0 +1,64 @@
+"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");
+const assetPage_1 = require("../../../../components/assetPage");
+const Object_1 = __importDefault(require("../../../common/Media/Object"));
+const Urls_1 = require("../../../common/Media/Urls");
+const env_1 = require("../../../../store/env");
+class AssetObject extends Object_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime, }) {
+        super({
+            nsfw,
+            previewUrl,
+            media,
+            mimeType,
+            originalUrl,
+            alt,
+            originalMime,
+        });
+    }
+    getMediaUrl() {
+        const media = this.getMedia();
+        return (getMediaDomain) => (0, Urls_1.isExternalMediaObject)(media, getMediaDomain);
+    }
+    displaySingleMedia() {
+        //todo: add previewUrl to 2d
+        return (0, jsx_runtime_1.jsx)(DisplaySingleMedia, { getMediaUrl: this.getMediaUrl() });
+        // return <Viewer3D file3D={this.getMediaUrl(getMediaDomain)} file2D={''} />;
+        // return (
+        //   <AssetImage
+        //     alt={this.getAlt()}
+        //     imageUrl={this.getMediaUrl()}
+        //     errorImg={'/noContent/noContent.svg'}
+        //   />
+        // );
+    }
+    displayLinkedMedia() {
+        //todo: add previewUrl to 2d
+        return (0, jsx_runtime_1.jsx)(assetPage_1.Viewer3D, { file3D: this.getOriginalUrl(), file2D: '' });
+        // return (
+        //   <AssetImage
+        //     alt={this.getAlt()}
+        //     imageUrl={this.getMediaUrl()}
+        //     errorImg={'/noContent/noContent.svg'}
+        //     originalUrl={this.getOriginalUrl() ?? this.getMediaUrl()}
+        //   />
+        // );
+    }
+    displayOpenGraphMeta({ alt }) {
+        const url = this.getMediaUrl();
+        const getAudioENVDomain = (0, env_1.useEnvStore)((state) => state.getAudioDomain);
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: url(getAudioENVDomain) }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:alt", content: alt }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:image", content: url(getAudioENVDomain) }), (0, jsx_runtime_1.jsx)("meta", { property: "twitter:image:alt", content: alt })] }));
+    }
+    displayMiniature() {
+        return (0, jsx_runtime_1.jsx)("div", { children: " It`s otherMedia Miniature" });
+    }
+}
+const DisplaySingleMedia = ({ getMediaUrl, }) => {
+    const getMediaDomain = (0, env_1.useEnvStore)((state) => state.getMediaDomain);
+    return (0, jsx_runtime_1.jsx)(assetPage_1.Viewer3D, { file3D: getMediaUrl(getMediaDomain), file2D: '' });
+};
+exports.default = AssetObject;

package/build/dto/AssetEntity/views/AssetOther/index.d.ts

@@ -0,0 +1,13 @@
+import OtherClass from '../../../common/Media/Other';
+import { BasicMediaType } from '../../../common/Media/interface';
+declare class AssetOther extends OtherClass {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }: BasicMediaType);
+    getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
+    displaySingleMedia(): JSX.Element;
+    displayLinkedMedia(): JSX.Element;
+    displayMiniature(): JSX.Element;
+    displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export default AssetOther;

package/build/dto/AssetEntity/views/AssetOther/index.js

@@ -0,0 +1,47 @@
+"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");
+const AssetImage_1 = __importDefault(require("../../../../components/assetPage/media/AssetImage"));
+const Other_1 = __importDefault(require("../../../common/Media/Other"));
+const Urls_1 = require("../../../common/Media/Urls");
+const env_1 = require("../../../../store/env");
+const constants_1 = require("@ludo.ninja/core/build/constants");
+class AssetOther extends Other_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }) {
+        super({
+            nsfw,
+            previewUrl,
+            media,
+            mimeType,
+            originalUrl,
+            alt,
+            originalMime,
+        });
+    }
+    getMediaUrl() {
+        const media = this.getMedia();
+        return (NEXT_PUBLIC_STATIC_DOMAIN) => (0, Urls_1.isExternalMediaImage)(media, Urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
+    }
+    displaySingleMedia() {
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt() });
+    }
+    displayLinkedMedia() {
+        return ((0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt(), originalUrl: this.getOriginalUrl(), isOriginalUrl: true }));
+    }
+    displayMiniature() {
+        return (0, jsx_runtime_1.jsx)("div", { children: " It`s otherMedia Miniature" });
+    }
+    displayOpenGraphMeta({ alt }) {
+        const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
+        const url = this.getMediaUrl();
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: url(NEXT_PUBLIC_STATIC_DOMAIN) }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:alt", content: alt }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:image", content: url(NEXT_PUBLIC_STATIC_DOMAIN) }), (0, jsx_runtime_1.jsx)("meta", { property: "twitter:image:alt", content: alt })] }));
+    }
+}
+const DisplayMedia = ({ getMediaUrl, alt, originalUrl, isOriginalUrl, }) => {
+    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: alt, imageUrl: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: isOriginalUrl ? originalUrl ?? getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN) : undefined }));
+};
+exports.default = AssetOther;

package/build/dto/AssetEntity/views/AssetScreenshot/index.d.ts

@@ -0,0 +1,12 @@
+import Screenshot from '../../../common/Media/Screenshot';
+import { BasicMediaType } from '../../../common/Media/interface';
+declare class AssetScreenshot extends Screenshot {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }: BasicMediaType);
+    getMediaUrl(): (NEXT_PUBLIC_STATIC_DOMAIN: string) => string;
+    displaySingleMedia(): JSX.Element;
+    displayLinkedMedia(): JSX.Element;
+    displayOpenGraphMeta({ alt }: {
+        alt: string;
+    }): JSX.Element;
+}
+export default AssetScreenshot;

package/build/dto/AssetEntity/views/AssetScreenshot/index.js

@@ -0,0 +1,44 @@
+"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");
+const AssetImage_1 = __importDefault(require("../../../../components/assetPage/media/AssetImage"));
+const Screenshot_1 = __importDefault(require("../../../common/Media/Screenshot"));
+const Urls_1 = require("../../../common/Media/Urls");
+const env_1 = require("../../../../store/env");
+const constants_1 = require("@ludo.ninja/core/build/constants");
+class AssetScreenshot extends Screenshot_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, originalUrl, alt, originalMime }) {
+        super({
+            nsfw,
+            previewUrl,
+            media,
+            mimeType,
+            originalUrl,
+            alt,
+            originalMime,
+        });
+    }
+    getMediaUrl() {
+        const media = this.getMedia();
+        return (NEXT_PUBLIC_STATIC_DOMAIN) => (0, Urls_1.isExternalMediaImage)(media, Urls_1.mediaSizes.regular, NEXT_PUBLIC_STATIC_DOMAIN);
+    }
+    displaySingleMedia() {
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt() });
+    }
+    displayLinkedMedia() {
+        return (0, jsx_runtime_1.jsx)(DisplayMedia, { getMediaUrl: this.getMediaUrl(), alt: this.getAlt(), originalUrl: this.getOriginalUrl() });
+    }
+    displayOpenGraphMeta({ alt }) {
+        const NEXT_PUBLIC_STATIC_DOMAIN = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_STATIC_DOMAIN);
+        const url = this.getMediaUrl();
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: url(NEXT_PUBLIC_STATIC_DOMAIN) }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image:alt", content: alt }), (0, jsx_runtime_1.jsx)("meta", { name: "twitter:image", content: url(NEXT_PUBLIC_STATIC_DOMAIN) }), (0, jsx_runtime_1.jsx)("meta", { property: "twitter:image:alt", content: alt })] }));
+    }
+}
+const DisplayMedia = ({ getMediaUrl, alt, originalUrl, }) => {
+    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: alt, imageUrl: getMediaUrl(NEXT_PUBLIC_STATIC_DOMAIN), errorImg: `${constants_1.staticLink}/public/noContent/noContent.svg`, originalUrl: originalUrl, isScreenshot: true }));
+};
+exports.default = AssetScreenshot;

package/build/dto/AssetEntity/views/AssetVideo/index.d.ts

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

package/build/dto/AssetEntity/views/AssetVideo/index.js

@@ -0,0 +1,32 @@
+"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");
+const assetPage_1 = require("../../../../components/assetPage");
+const Urls_1 = require("../../../common/Media/Urls");
+const Video_1 = __importDefault(require("../../../common/Media/Video"));
+const env_1 = require("../../../../store/env");
+class AssetVideo extends Video_1.default {
+    constructor({ media, mimeType, previewUrl, nsfw, alt, originalMime, }) {
+        super({ nsfw, previewUrl, media, mimeType, alt, originalMime });
+    }
+    getMediaUrl() {
+        const media = this.getMedia();
+        return (getVideoENVDomain) => (0, Urls_1.isExternalMediaVideo)(media, getVideoENVDomain);
+    }
+    displaySingleMedia() {
+        return (0, jsx_runtime_1.jsx)(DisplaySingleMedia, { getMediaUrl: this.getMediaUrl() });
+    }
+    displayOpenGraphMeta({ alt }) {
+        const url = this.getMediaUrl();
+        const getAudioENVDomain = (0, env_1.useEnvStore)((state) => state.getAudioDomain);
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("meta", { property: "og:video", content: url(getAudioENVDomain) }), (0, jsx_runtime_1.jsx)("meta", { property: "og:video:secure_url", content: url(getAudioENVDomain) }), (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(getAudioENVDomain) }), (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" })] }));
+    }
+}
+const DisplaySingleMedia = ({ getMediaUrl, }) => {
+    const getVideoDomain = (0, env_1.useEnvStore)((state) => state.getVideoDomain);
+    return ((0, jsx_runtime_1.jsx)(assetPage_1.AudioVideoPlayer, { playerType: "video", poster: null, src: getMediaUrl(getVideoDomain) }));
+};
+exports.default = AssetVideo;

package/build/dto/AssetEntity/views/index.d.ts

@@ -0,0 +1,6 @@
+import AssetAudio from './AssetAudio';
+import AssetImage from './AssetImage';
+import AssetOther from './AssetOther';
+import AssetScreenshot from './AssetScreenshot';
+import AssetVideo from './AssetVideo';
+export { AssetImage, AssetAudio, AssetScreenshot, AssetVideo, AssetOther };

package/build/dto/AssetEntity/views/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetOther = exports.AssetVideo = exports.AssetScreenshot = exports.AssetAudio = exports.AssetImage = void 0;
+const AssetAudio_1 = __importDefault(require("./AssetAudio"));
+exports.AssetAudio = AssetAudio_1.default;
+const AssetImage_1 = __importDefault(require("./AssetImage"));
+exports.AssetImage = AssetImage_1.default;
+const AssetOther_1 = __importDefault(require("./AssetOther"));
+exports.AssetOther = AssetOther_1.default;
+const AssetScreenshot_1 = __importDefault(require("./AssetScreenshot"));
+exports.AssetScreenshot = AssetScreenshot_1.default;
+const AssetVideo_1 = __importDefault(require("./AssetVideo"));
+exports.AssetVideo = AssetVideo_1.default;