@social-mail/social-mail-client 1.2.563 → 1.2.565

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.563",
+  "version": "1.2.565",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/model/model.ts

@@ -765,6 +765,7 @@ export interface IMailboxEmail extends IClrEntity {
 	engagementCount?: number;
 	dateUpdated?: DateTime | null;
 	datePublished?: DateTime | null;
+	slug?: string;
 	mailbox?: IMailbox;
 	email?: IEmail;
 }

package/src/public/channel/ChannelView.tsx

@@ -95,7 +95,7 @@ export default class ChannelMessage extends AtomControl {
                         data-items-updated-event="items-updated"
                         event-items-updated={() => this.itemsUpdated()}
                         data-auto-scroll="false"
-                        itemRenderer={(x) => <PostSummary mailboxEmail={x} />}
+                        itemRenderer={(x) => <PostSummary channel={channel} mailboxEmail={x} />}
                         items={this.emails}
                         { ... InfiniteRepeater.pagedItems((start) =>
                                 (c, e, cancelToken) =>

package/src/public/channel/PostSummary.tsx

@@ -1,5 +1,5 @@
 import XNode from "@web-atoms/core/dist/core/XNode";
-import { IEmail, IEmailEngagement, IMailboxEmail } from "../../model/model";
+import { IEmail, IEmailEngagement, IMailbox, IMailboxEmail } from "../../model/model";
 import { DateFormats } from "../../common/date/DateFormats";
 import { UMD } from "@web-atoms/core/dist/core/types";
 import { renderMail } from "../../web/page/mails/service/ConversationService";
@@ -8,6 +8,7 @@ import { UrlService } from "./UrlService";
 const commentIcon = "💬";
 
 export default function PostSummary ({
+        channel = void 0 as IMailbox,
         mailboxEmail = void 0 as IMailboxEmail,
         itemPath = void 0 as string
     }) {
@@ -22,7 +23,7 @@ export default function PostSummary ({
         data-comment={isComment}
         data-item-path={itemPath}>
         <h4 data-element="title">
-            <a href={UrlService.toBlogUrl(mailboxEmail)} text={ isComment ? email.senderName : email.subject}/>
+            <a href={UrlService.toBlogUrl({ mailbox: channel, ... mailboxEmail })} text={ isComment ? email.senderName : email.subject}/>
         </h4>
         <h6 data-element="date" text={DateFormats.relative.short(email.dateSent)}/>
         {!isComment && <h5 text={email.senderName}/> }

package/src/public/channel/UrlService.ts

@@ -1,24 +1,17 @@
 import { AppLocation } from "../../common/TestMode";
-import { IMailboxEmail, IMailboxTag } from "../../model/model";
+import { IMailbox, IMailboxEmail, IMailboxTag } from "../../model/model";
 
 export const UrlService = {
 
-    toBlogUrl ({ mailboxID, emailID, email: { subject } = {} as any }: IMailboxEmail) {
-        subject ||= "";
-        if(subject.length > 400) {
-            subject = subject.substring(0, 400);
-        }
-        subject = subject.replace(/[^\p{L}\p{N}]+/ug, "-");
-        subject = encodeURIComponent(subject).replace(/\%20/g, "-");
+    toBlogUrl ({ slug, mailbox: { emailAddress: { emailAddress } } }: IMailboxEmail) {
 
-        const cid = BigInt(mailboxID).toString(36);
-        const eid = BigInt(emailID).toString(36);
+        const cid = "@" + emailAddress.split("@")[0];
 
         if (AppLocation.isLocalTesting) {
-            return `?detail=true&p0=${cid}&p1=p&p2=${eid}`;
+            return `?detail=${cid}/${slug}`;
         }
 
-        return `/channels/${cid}/p/${eid}/${subject}`;
+        return `/c/${cid}/${slug}`;
     },
 
     toTagUrl ({ mailboxID, tagID, tag: { name } = {} as any }: IMailboxTag) {

package/src/public/channel/controls/PostList.tsx

@@ -88,7 +88,7 @@ export default class PostList extends AtomRepeater {
         </div>;
         const q = this.entityService.query(MailboxEmail, "channelEmails")
             .where((x) => x.email.parentID === null)
-            .include((x) => x.email);
+            .include((x) => [x.email, x.mailbox.emailAddress]);
         const posts = await this.query(q as any as Query<IMailboxEmail>);
         this.items = posts.items;
     }

package/src/site-editor/editor/webComponentsPath.ts

@@ -26,7 +26,7 @@ const addAttributes = (target, values: (x: any) => IEditableAttribute[]) => {
 
 export class WebComponents {
 
-    static path = `//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.118`;
+    static path = `//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.119`;
 
     static async run2(frame: HTMLIFrameElement, doc: Document) {
         const url = this.path + "/dist/editable.js";