@salesforcedevs/docs-components 0.0.1-edit → 0.0.1-superscript

package/src/modules/doc/editFile/editFile.ts

@@ -1,213 +0,0 @@
-import { LightningElement, api, track } from "lwc";
-import cx from "classnames";
-import { normalizeBoolean } from "dxUtils/normalizers";
-
-interface ApiResponse {
-    success: boolean;
-    data?: string;
-    message?: string;
-    error?: string;
-}
-
-export default class EditFile extends LightningElement {
-    @api fileName: string = "";
-    @api apiEndpoint: string = "/api/edit-file";
-    @api title: string = "Edit File";
-
-    @api
-    get disabled() {
-        return this._disabled;
-    }
-
-    set disabled(value) {
-        this._disabled = normalizeBoolean(value);
-    }
-
-    @track isPopoverOpen: boolean = false;
-    @track isLoading: boolean = false;
-    @track isSaving: boolean = false;
-    @track fileContent: string = "";
-    @track originalContent: string = "";
-    @track errorMessage: string = "";
-
-    private _disabled: boolean = false;
-
-    // API Configuration
-    private static readonly FETCH_ENDPOINT = "/api/file/fetch";
-    private static readonly SAVE_ENDPOINT = "/api/file/save";
-
-    get popoverClass() {
-        return cx(
-            "edit-file-popover",
-            this.isPopoverOpen && "edit-file-popover_open"
-        );
-    }
-
-    get overlayClass() {
-        return cx(
-            "edit-file-overlay",
-            this.isPopoverOpen && "edit-file-overlay_open"
-        );
-    }
-
-    get saveButtonClass() {
-        return cx(
-            "edit-file-button",
-            "edit-file-button_primary",
-            (this.isSaving || this.isContentUnchanged) && "edit-file-button_disabled"
-        );
-    }
-
-    get isContentUnchanged() {
-        return this.fileContent === this.originalContent;
-    }
-
-    // Open the edit file popover
-    async handleEditClick() {
-        if (this.disabled) return;
-
-        this.isPopoverOpen = true;
-        this.errorMessage = "";
-        await this.fetchFileContent();
-    }
-
-    // Fetch file content from API
-    private async fetchFileContent() {
-        if (!this.fileName) {
-            this.errorMessage = "No file specified to edit";
-            return;
-        }
-
-        this.isLoading = true;
-
-        try {
-            const response = await fetch(EditFile.FETCH_ENDPOINT, {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json",
-                },
-                body: JSON.stringify({
-                    fileName: this.fileName,
-                    action: "fetch"
-                })
-            });
-
-            if (!response.ok) {
-                throw new Error(`Failed to fetch file: ${response.status}`);
-            }
-
-            const data: ApiResponse = await response.json();
-
-            if (data.success && data.data !== undefined) {
-                this.fileContent = data.data;
-                this.originalContent = data.data;
-                this.errorMessage = "";
-            } else {
-                this.errorMessage = data.error || data.message || "Failed to load file content";
-            }
-        } catch (error) {
-            console.error("Error fetching file content:", error);
-            this.errorMessage = error instanceof Error ? error.message : "Failed to connect to server";
-        } finally {
-            this.isLoading = false;
-        }
-    }
-
-    // Handle content change in textarea
-    handleContentChange(event: Event) {
-        const target = event.target as HTMLTextAreaElement;
-        this.fileContent = target.value;
-    }
-
-    // Handle cancel action
-    handleCancel() {
-        this.isPopoverOpen = false;
-        this.fileContent = "";
-        this.originalContent = "";
-        this.errorMessage = "";
-        this.isLoading = false;
-        this.isSaving = false;
-
-        // Dispatch cancel event
-        this.dispatchEvent(
-            new CustomEvent("editcancel", {
-                detail: { fileName: this.fileName }
-            })
-        );
-    }
-
-    // Handle save action
-    async handleSave() {
-        if (this.isSaving || this.isContentUnchanged || this.disabled) return;
-
-        this.isSaving = true;
-        this.errorMessage = "";
-
-        try {
-            const response = await fetch(EditFile.SAVE_ENDPOINT, {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json",
-                },
-                body: JSON.stringify({
-                    fileName: this.fileName,
-                    content: this.fileContent,
-                    action: "save"
-                })
-            });
-
-            if (!response.ok) {
-                throw new Error(`Failed to save file: ${response.status}`);
-            }
-
-            const data: ApiResponse = await response.json();
-
-            if (data.success) {
-                this.originalContent = this.fileContent;
-                this.isPopoverOpen = false;
-                
-                // Dispatch success event
-                this.dispatchEvent(
-                    new CustomEvent("editsuccess", {
-                        detail: { 
-                            fileName: this.fileName,
-                            content: this.fileContent,
-                            message: data.message || "File saved successfully"
-                        }
-                    })
-                );
-            } else {
-                this.errorMessage = data.error || data.message || "Failed to save file";
-            }
-        } catch (error) {
-            console.error("Error saving file:", error);
-            this.errorMessage = error instanceof Error ? error.message : "Failed to connect to server";
-        } finally {
-            this.isSaving = false;
-        }
-    }
-
-    // Handle overlay click to close popover
-    handleOverlayClick(event: Event) {
-        if (event.target === event.currentTarget) {
-            this.handleCancel();
-        }
-    }
-
-    // Handle escape key to close popover
-    handleKeyDown(event: KeyboardEvent) {
-        if (event.key === "Escape" && this.isPopoverOpen) {
-            this.handleCancel();
-        }
-    }
-
-    connectedCallback() {
-        // Add escape key listener
-        document.addEventListener("keydown", this.handleKeyDown.bind(this));
-    }
-
-    disconnectedCallback() {
-        // Remove escape key listener
-        document.removeEventListener("keydown", this.handleKeyDown.bind(this));
-    }
-}