@salesforcedevs/docs-components 1.17.0-hack-alpha3 → 1.17.0-hack-alpha5

package/src/modules/doc/heading/heading.ts

@@ -1,12 +1,4 @@
-import { LightningElement, api, track } from "lwc";
-import { normalizeBoolean } from "dxUtils/normalizers";
-
-interface Comment {
-    email: string;
-    comment: string;
-    url: string;
-    timestamp: Date;
-}
+import { LightningElement, api } from "lwc";
 
 export const ariaDisplayLevels: { [key: string]: string } = {
     "1": "4",
@@ -39,21 +31,6 @@ export default class Heading extends LightningElement {
     @api emailPlaceholder = "Enter your email";
     @api commentPlaceholder = "Enter your comment";
 
-    private _open = false;
-    @api get open() {
-        return this._open;
-    }
-    set open(value) {
-        this._open = normalizeBoolean(value);
-    }
-
-    @track private comments: Comment[] = [];
-    @track private email = "";
-    @track private comment = "";
-    @track private emailError = "";
-    @track private commentError = "";
-    @track private isSubmitting = false;
-
     @api
     private get ariaLevel(): string {
         // Really Dark Magic (TM)
@@ -103,189 +80,12 @@ export default class Heading extends LightningElement {
         return `dx-text-display-${this.displayLevel}`;
     }
 
-    // Comment popup getters
-    get showComments() {
-        const unwrapped = JSON.parse(JSON.stringify(this.comments));
-        console.log("Comments (JSON unwrapped):", unwrapped);
-        return this.comments.length > 0;
-    }
-
-    get commentCount() {
-        return this.comments.length;
-    }
-
-    get showCommentCount() {
-        return this.commentCount > 0;
-    }
-
-    get sortedComments() {
-        return [...this.comments].sort(
-            (a, b) => b.timestamp.getTime() - a.timestamp.getTime()
-        );
-    }
-
-    get isFormValid() {
-        return this.email.trim() !== "" && this.comment.trim() !== "";
-    }
-
-    get submitButtonDisabled() {
-        return !this.isFormValid || this.isSubmitting;
-    }
-
-    get formattedComments() {
-        return this.sortedComments.map((comment) => ({
-            ...comment,
-            formattedTimestamp: this.formatTimestamp(comment.timestamp),
-            maskedEmail: this.maskEmail(comment.email)
-        }));
-    }
-
+    // Comment popup computed properties
     get hasCommentPopup() {
-        return this.index !== undefined;
-    }
-
-    // Comment popup handlers
-    handleIconClick() {
-        this._open = !this._open;
-    }
-
-    handleEmailChange(event: Event) {
-        this.email = (event.target as HTMLInputElement).value;
-        this.emailError = "";
-    }
-
-    handleCommentChange(event: Event) {
-        this.comment = (event.target as HTMLTextAreaElement).value;
-        this.commentError = "";
-    }
-
-    handleSubmit() {
-        if (!this.validateForm()) {
-            return;
-        }
-
-        this.isSubmitting = true;
-
-        // Simulate API call
-        setTimeout(() => {
-            this.addComment();
-            this.resetForm();
-            this.isSubmitting = false;
-        }, 500);
-    }
-
-    private validateForm(): boolean {
-        let isValid = true;
-
-        if (!this.email.trim()) {
-            this.emailError = "Email is required";
-            isValid = false;
-        } else if (!this.isValidEmail(this.email)) {
-            this.emailError = "Please enter a valid email address";
-            isValid = false;
-        }
-
-        if (!this.comment.trim()) {
-            this.commentError = "Comment is required";
-            isValid = false;
-        }
-
-        return isValid;
-    }
-
-    private isValidEmail(email: string): boolean {
-        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        return emailRegex.test(email);
-    }
-
-    private addComment() {
-        const newComment: Comment = {
-            email: this.email.trim(),
-            comment: this.comment.trim(),
-            url: window.location.href,
-            timestamp: new Date()
-        };
-
-        this.comments = [newComment, ...this.comments];
-
-        // Dispatch custom event
-        this.dispatchEvent(
-            new CustomEvent("commentadded", {
-                detail: newComment
-            })
-        );
-    }
-
-    private resetForm() {
-        this.email = "";
-        this.comment = "";
-        this.emailError = "";
-        this.commentError = "";
-
-        // Force DOM update by accessing the form elements
-        const emailInput = this.template.querySelector(
-            "#email-input"
-        ) as HTMLInputElement;
-        const commentInput = this.template.querySelector(
-            "#comment-input"
-        ) as HTMLTextAreaElement;
-
-        if (emailInput) {
-            emailInput.value = "";
-        }
-        if (commentInput) {
-            commentInput.value = "";
-        }
-    }
-
-    handleClose() {
-        this._open = false;
-        this.resetForm();
-    }
-
-    handleOverlayClick(event: Event) {
-        if (event.target === event.currentTarget) {
-            this.handleClose();
-        }
-    }
-
-    handleKeyDown(event: KeyboardEvent) {
-        if (event.key === "Escape") {
-            this.handleClose();
-        }
-    }
-
-    connectedCallback() {
-        document.addEventListener("keydown", this.handleKeyDown.bind(this));
-    }
-
-    disconnectedCallback() {
-        document.removeEventListener("keydown", this.handleKeyDown.bind(this));
-    }
-
-    private formatTimestamp(timestamp: Date): string {
-        const now = new Date();
-        const diff = now.getTime() - timestamp.getTime();
-        const minutes = Math.floor(diff / 60000);
-        const hours = Math.floor(diff / 3600000);
-        const days = Math.floor(diff / 86400000);
-
-        if (minutes < 1) {
-            return "Just now";
-        } else if (minutes < 60) {
-            return `${minutes} minute${minutes > 1 ? "s" : ""} ago`;
-        } else if (hours < 24) {
-            return `${hours} hour${hours > 1 ? "s" : ""} ago`;
-        }
-        return `${days} day${days > 1 ? "s" : ""} ago`;
+        return this.currentBranch !== undefined;
     }
 
-    private maskEmail(email: string): string {
-        const [localPart, domain] = email.split("@");
-        const maskedLocal =
-            localPart.length > 2
-                ? localPart.substring(0, 2) + "*".repeat(localPart.length - 2)
-                : localPart;
-        return `${maskedLocal}@${domain}`;
+    get headingTitle() {
+        return this.header;
     }
 }

package/src/modules/doc/lwcContentLayout/lwcContentLayout.html

@@ -59,7 +59,6 @@
                         value={tocValue}
                     ></dx-toc>
                 </div>
-                <doc-comment-popup></doc-comment-popup>
             </div>
             <div lwc:if={showFooter} class="footer-container">
                 <dx-footer variant="no-signup"></dx-footer>