@social-mail/social-mail-client 1.8.278 → 1.8.280

package/src/public/channel/controls/post-view/PostView.tsx

@@ -1,88 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-/* eslint-disable @typescript-eslint/no-namespace */
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { IEmail, IEmailEngagement, IMailbox } from "../../../../model/model";
-import { DateFormats } from "../../../../common/date/DateFormats";
-import { UMD } from "@web-atoms/core/dist/core/types";
-import { renderMailPromise } from "../../../../web/page/mails/service/ConversationService";
-import MediaCarousel from "../MediaCarousel";
-
-import "./PostView.global.css";
-
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "share-button": any;
-            "post-view": any;
-        }
-    }
-}
-
-const commentIcon = "💬";
-
-export default function PostView ({
-        email = void 0 as IEmail,
-        channel = void 0 as IMailbox,
-        itemPath = void 0 as string
-    }) {
-    const { engagements = [] } = email;
-
-    const isComment = email.parentID !== null;
-
-    return <post-view
-        data-element="blog-item"
-        data-comment={isComment}
-        data-item-path={itemPath}
-        data-msg-container="true"
-        >
-        <h4 data-element="title">
-            <label text={ isComment ? email.senderName : email.subject}/>
-        </h4>
-        <h6 data-element="date" text={DateFormats.relative.short(email.dateSent)}/>
-        {!isComment && <h5 data-element="author" text={email.senderName}/> }
-        <section
-            data-element="content">
-            { !email.parentID
-                ? <section { ... renderMailPromise({ email })}/>
-                : <section text={email.textBody}/>
-            }
-        </section>
-        <MediaCarousel email={email}/>
-        <footer>
-            <button
-                data-element="engage"
-                data-click-event="react-email"
-                >
-                <inline-svg
-                    attr-src={UMD.resolvePath("@social-mail/social-mail-client/content/images/icons/face-plus.svg")}
-                    style-max-height="15px"
-                    title="React"/>
-            </button>
-            <button
-                data-element="engage"
-                data-click-event="reply-email"
-                >
-                <inline-svg
-                    attr-src={UMD.resolvePath("@social-mail/social-mail-client/content/images/icons/comment-plus.svg")}
-                    style-max-height="15px"
-                    title="React"/>
-                Reply
-            </button>
-            { ... engagements.map((x: IEmailEngagement, index) =>
-                <span
-                    data-click-event={ x.engagement === commentIcon ? "view-comments" : "engagement-click" }
-                    data-element="engagements"
-                    data-item-path={`email:$, engagement: $.engagements.${index}`}
-                    title={`View all ${x.engagement} ${x.count}`}
-                    text={`${x.engagement} ${x.count}`}/>)}
-            { !email.parentID && <share-button
-                title={email.subject}
-                href={location.href}><i class="fas fa-share"/> Share</share-button> }
-        </footer>
-
-        <section data-element="comments">
-            {  ... (email.children ?? []).map((c, i) => <PostView itemPath={ `${ itemPath ? itemPath : "$" }.children.${i}` } email={c} />) }
-        </section>
-
-    </post-view>;
-}

package/src/public/channel/pages/ChannelHomePage.tsx

@@ -1,69 +0,0 @@
-import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
-import BlogImageService from "../BlogImageService";
-import { IEmail } from "../../../model/model";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import Bind from "@web-atoms/core/dist/core/Bind";
-import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
-import PostSummary from "../controls/post-summary/PostSummary";
-import BaseChannelPage from "./BaseChannelPage";
-import IPagedList from "@web-atoms/entity/dist/models/IPagedList";
-import Pager from "../controls/Pager";
-import { UrlService } from "../UrlService";
-
-
-export default class ChannelHomePage extends BaseChannelPage<{ channel, tag, author, start }> {
-
-    @InjectProperty
-    blogImageService: BlogImageService;
-
-    search = "";
-
-    tag = "";
-    author = "";
-
-    start = 0;
-    size = 25;
-
-    private emails: IPagedList<IEmail> = null;
-
-    async renderBody() {
-
-        this.start = Number.parseInt(this.parameters?.start ?? "0", 10);
-        this.tag = this.parameters.tag ?? "";
-        this.author = this.parameters.author ?? "";
-
-        document.title = "Social " + this.channel.emailAddress.emailAddress;
-
-        this.render(<div emails={Bind.oneWayAsync((c, e, cancelToken) => this.blogService.getEmails({
-            channelID: this.channel.mailboxID,
-            author: this.author,
-            tag: this.tag,
-            start: this.start,
-            search: this.search,
-            cancelToken
-        }))}></div>);
-
-        return <section
-            data-width="100%"
-            >
-            <AtomRepeater
-                data-items-updated-event="items-updated"
-                data-auto-scroll="false"
-                itemRenderer={(x) => <PostSummary blogService={this.blogImageService} channel={this.channel} mailboxEmail={x} />}
-                items={Bind.oneWay(() => this.emails ? this.emails.items : void 0)}
-                footer={Bind.oneWay(() => this.emails)}
-                footerRenderer={(x: IPagedList<IEmail>) =>
-                    <Pager
-                    current={this.start}
-                    end={Math.floor(x.total/this.size)-1}
-                    url={(n) => UrlService.toListUrl(this.channel, n)}
-                    />
-                }
-                />
-            </section>
-        ;
-
-        this.entityService.postPageReady();
-    }
-
-}

package/src/public/channel/pages/PublicChannelPage.tsx

@@ -1,131 +0,0 @@
-import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
-import { ContentPage } from "@web-atoms/web-controls/dist/mobile-app/MobileApp";
-import BlogImageService from "../BlogImageService";
-import BlogService from "../BlogService";
-import { IEmail, IMailbox } from "../../../model/model";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import BlogHeader from "../controls/blog-header/BlogHeader";
-import Bind from "@web-atoms/core/dist/core/Bind";
-import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
-import PostSummary from "../controls/post-summary/PostSummary";
-import InfiniteRepeater from "../../../common/controls/repeater/InfiniteRepeater";
-import RecentPosts from "../controls/RecentPosts";
-import TagCloud from "../controls/TagCloud";
-import UpcomingEvents from "../controls/UpcomingEvents";
-import PopularPosts from "../controls/PostList";
-import PostView from "../controls/post-view/PostView";
-import { UrlService } from "../UrlService";
-import EntityService from "../../../services/EntityService";
-import Action from "@web-atoms/core/dist/view-model/Action";
-import { Mailto } from "../../../common/Mailto";
-import EmojiPopup from "../emoji/EmojiPopup";
-import { AncestorEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
-
-const commentIcon = "💬";
-
-export default class PublicChannelPage extends ContentPage<{ channel, slug }> {
-    @InjectProperty
-    blogService: BlogService;
-
-    @InjectProperty
-    blogImageService: BlogImageService;
-
-    channel: IMailbox;
-
-    search = "";
-
-    tag = "";
-    author = "";
-
-    private emails: IEmail[] = [];
-
-    private email: IEmail = null;
-
-    async init() {
-
-        const { channel, slug } = this.parameters;
-
-        this.channel = await this.blogService.getChannel(void 0, channel, void 0);
-
-        const { mailboxID: channelID } = this.channel;
-
-        const emailID = UrlService.getEmailID(slug);
-
-        this.email = await this.blogService.getEmail({ emailID, channelID, channel });
-
-        document.title = this.email.subject + " - Social " + this.channel.emailAddress.emailAddress;
-
-        this.email.engagements ??= [];
-        this.emails = [this.email];
-
-
-        this.renderer = <section data-blog-list="blog-list">
-            <BlogHeader
-                search={Bind.twoWaysImmediate(() => this.search)}
-                channel={this.channel}/>
-            <section data-width="100%">
-                <PostView
-                    channel={this.channel}
-                    email={this.emails[0]}
-                    />
-            </section>
-            <aside>
-                <TagCloud/>
-                <UpcomingEvents channel={this.channel}/>
-                <PopularPosts/>
-                <RecentPosts/>
-            </aside>
-            <footer></footer>
-        </section>;
-
-        this.resolve(EntityService).postPageReady();
-    }
-
-    @Action({ onEvent: "engagement-click"})
-    engagementClick({ engagement}) {
-        const emoji = engagement.engagement;
-        this.reactAction(emoji);
-    }
-
-    reactAction(emoji) {
-        const { email } = this;
-        const { headerMessageID } = email;
-        const { channel: { emailAddress: { emailAddress }} } = this;
-        const subject = `${emoji}:${BigInt(email.emailID).toString(36)}:${headerMessageID}`;
-        const link = Mailto.create({ to: emailAddress, subject, body: emoji, inReplyTo: headerMessageID });
-        // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&body=${emoji}&in-reply-to=${headerMessageID}`;
-        this.element.dispatchEvent(new CustomEvent("shareLink", {
-            detail: {
-                link,
-                shareTitle: `React ${emoji} Via`
-            },
-            bubbles: true
-        }));
-
-    }
-
-    @Action({ onEvent: "react-email"})
-    async reactEmail(email, ce: CustomEvent) {
-        const parentElement = AncestorEnumerator.findSelector(ce.target as HTMLElement, "button,a") ?? ce.target as HTMLElement;
-        const emoji: string = await EmojiPopup.show(parentElement);
-        this.reactAction(emoji);
-    }
-
-    @Action({ onEvent: "reply-email"})
-    async replyEmail(email, ce: CustomEvent) {
-        const emoji = commentIcon;
-        email = this.email;
-        const { headerMessageID } = email;
-        const { channel: { emailAddress: { emailAddress }} } = this;
-        const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
-        const link = Mailto.create({ to: emailAddress, subject, inReplyTo: headerMessageID });
-        // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&in-reply-to=${headerMessageID}&body=&`;
-        this.element.dispatchEvent(new CustomEvent("shareLink", {
-            detail: {
-                link,
-                shareTitle: "Add Comment Via"
-            },
-            bubbles: true
-        }));
-    }
-}