oceanic-transcripts
Version:
A nicely formatted html transcript generator for oceanic.js.
86 lines • 5.15 kB
JavaScript
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Component = void 0;
const react_1 = __importDefault(require("react"));
const oceanic_js_1 = require("oceanic.js");
const discord_components_react_1 = require("@derockdev/discord-components-react");
const utils_1 = require("../../../utils/utils");
const content_1 = __importStar(require("../content"));
const styles_1 = require("./styles");
const Button_1 = __importDefault(require("./Button"));
const SelectMenu_1 = __importDefault(require("./SelectMenu"));
const MediaGallery_1 = __importDefault(require("./MediaGallery"));
const Section_1 = __importDefault(require("./Section"));
const AttachmentSpoiler_1 = __importDefault(require("./AttachmentSpoiler"));
const Component = ({ component, id, context }) => {
var _a;
if (component.type === oceanic_js_1.ComponentTypes.BUTTON && 'style' in component && component.style !== oceanic_js_1.ButtonStyles.PREMIUM) {
return (react_1.default.createElement(Button_1.default, { key: id, type: styles_1.ButtonStyleMapping[component.style], url: component.style === oceanic_js_1.ButtonStyles.LINK ? component.url : undefined, emoji: component.emoji ? (0, utils_1.parseDiscordEmoji)(component.emoji) : undefined }, component.label));
}
else if (component.type === oceanic_js_1.ComponentTypes.STRING_SELECT ||
component.type === oceanic_js_1.ComponentTypes.USER_SELECT ||
component.type === oceanic_js_1.ComponentTypes.ROLE_SELECT ||
component.type === oceanic_js_1.ComponentTypes.MENTIONABLE_SELECT ||
component.type === oceanic_js_1.ComponentTypes.CHANNEL_SELECT) {
return react_1.default.createElement(SelectMenu_1.default, { component: component, id: id });
}
else if (component.type === oceanic_js_1.ComponentTypes.MEDIA_GALLERY) {
return react_1.default.createElement(MediaGallery_1.default, { component: component, id: id });
}
else if (component.type === oceanic_js_1.ComponentTypes.SECTION) {
return react_1.default.createElement(Section_1.default, { component: component, id: id, context: context });
}
else if (component.type === oceanic_js_1.ComponentTypes.TEXT_DISPLAY) {
return react_1.default.createElement(content_1.default, { content: component.content, context: Object.assign(Object.assign({}, context), { type: content_1.RenderType.NORMAL }) });
}
else if (component.type === oceanic_js_1.ComponentTypes.THUMBNAIL) {
return (react_1.default.createElement("img", { src: component.media.url, alt: "Thumbnail", style: {
width: '85px',
height: '85px',
objectFit: 'cover',
borderRadius: '8px',
} }));
}
else if (component.type === oceanic_js_1.ComponentTypes.SEPARATOR) {
return (react_1.default.createElement("div", { key: id, style: {
width: '100%',
height: component.divider ? '1px' : '0px',
backgroundColor: '#4f5359',
margin: component.spacing === oceanic_js_1.SeparatorSpacingSize.LARGE ? '8px 0' : '0',
} }));
}
else if (component.type === oceanic_js_1.ComponentTypes.FILE) {
const name = (_a = component.file.url.split('/').pop()) === null || _a === void 0 ? void 0 : _a.split('?')[0];
return (react_1.default.createElement("div", { style: { width: '100%', maxWidth: '500px' } }, component.spoiler ? (react_1.default.createElement(AttachmentSpoiler_1.default, null,
react_1.default.createElement(discord_components_react_1.DiscordAttachment, { type: "file", key: component.id, alt: name, slot: "attachment", url: component.file.url }))) : (react_1.default.createElement(discord_components_react_1.DiscordAttachment, { type: "file", key: component.id, slot: "attachment", alt: name, url: component.file.url }))));
}
return null;
};
exports.Component = Component;
//# sourceMappingURL=Component.js.map