@silexlabs/silex 3.0.0-alpha.100

package/dist/plugins/client/client/grapesjs/PublicationManager.d.ts

@@ -0,0 +1,72 @@
+import { ConnectorData, PublicationJobData, PublicationSettings, WebsiteFile, WebsiteId, WebsiteSettings } from '../../types';
+import { Editor } from 'grapesjs';
+import { PublicationUi } from './PublicationUi';
+/**
+ * @fileoverview Publication manager for Silex
+ * This plugin adds a publication feature to Silex
+ * It lets the user publish the website to a hosting service
+ * It can optionally display a button and a dialog
+ * Useful commands:
+ * - publish: starts the publication process and optionally open the dialog
+ * - publish-login: open the login dialog
+ * - publish-logout: logout from the hosting service and let the user choose a hosting service again
+ */
+export declare const cmdPublicationStart = "publish";
+export declare const cmdPublicationLogin = "publish-login";
+export declare const cmdPublicationLogout = "publish-logout";
+export type PublishableEditor = Editor & {
+    PublicationManager: PublicationManager;
+};
+export declare enum PublicationStatus {
+    STATUS_NONE = "STATUS_NONE",
+    STATUS_PENDING = "STATUS_PENDING",
+    STATUS_ERROR = "STATUS_ERROR",
+    STATUS_SUCCESS = "STATUS_SUCCESS",
+    STATUS_LOGGED_OUT = "STATUS_AUTH_ERROR"
+}
+export type PublicationManagerOptions = {
+    appendTo?: string;
+    websiteId: WebsiteId;
+};
+export default function publishPlugin(editor: any, opts: any): void;
+export declare class PublicationManager {
+    private editor;
+    /**
+     * Publication dialog
+     * This class is responsible for the  UI
+     */
+    dialog?: PublicationUi;
+    /**
+     * Publication settings
+     * This is the data which is stored in the website settings
+     */
+    _settings: PublicationSettings;
+    get settings(): PublicationSettings;
+    set settings(newSettings: PublicationSettings);
+    /**
+     * Plugin options
+     * This is the data which is passed to the plugin by grapesjs
+     */
+    options: PublicationManagerOptions;
+    /**
+     * Publication job during the publication process
+     */
+    job: PublicationJobData | null;
+    /**
+     * Publication state
+     * This is the state of the publication process
+     */
+    status: PublicationStatus;
+    constructor(editor: PublishableEditor, opts: PublicationManagerOptions);
+    goLogin(connector: ConnectorData): Promise<unknown>;
+    goLogout(): Promise<void>;
+    /**
+     * Start the publication process
+     * This is the command "publish"
+     */
+    startPublication(): Promise<void>;
+    getHtmlFiles(siteSettings: WebsiteSettings): Promise<WebsiteFile[]>;
+    trackProgress(): Promise<void>;
+    private setPublicationTransformers;
+    private resetPublicationTransformers;
+}

package/dist/plugins/client/client/grapesjs/PublicationManager.js

@@ -0,0 +1,356 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import { getPageSlug } from '../../page';
+import { ClientSideFileType, ConnectorType, JobStatus } from '../../types';
+import { PublicationUi } from './PublicationUi';
+import { getUser, logout, publicationStatus, publish } from '../api';
+import { API_CONNECTOR_LOGIN, API_CONNECTOR_PATH, API_PATH } from '../../constants';
+import { ClientEvent } from '../events';
+import { resetRenderComponents, resetRenderCssRules, transformPermalink, transformFiles, transformPath, renderComponents, renderCssRules } from '../publication-transformers';
+/**
+ * @fileoverview Publication manager for Silex
+ * This plugin adds a publication feature to Silex
+ * It lets the user publish the website to a hosting service
+ * It can optionally display a button and a dialog
+ * Useful commands:
+ * - publish: starts the publication process and optionally open the dialog
+ * - publish-login: open the login dialog
+ * - publish-logout: logout from the hosting service and let the user choose a hosting service again
+ */
+// Constants
+export const cmdPublicationStart = 'publish';
+export const cmdPublicationLogin = 'publish-login';
+export const cmdPublicationLogout = 'publish-logout';
+export var PublicationStatus;
+(function (PublicationStatus) {
+    PublicationStatus["STATUS_NONE"] = "STATUS_NONE";
+    PublicationStatus["STATUS_PENDING"] = "STATUS_PENDING";
+    PublicationStatus["STATUS_ERROR"] = "STATUS_ERROR";
+    PublicationStatus["STATUS_SUCCESS"] = "STATUS_SUCCESS";
+    PublicationStatus["STATUS_LOGGED_OUT"] = "STATUS_AUTH_ERROR";
+})(PublicationStatus || (PublicationStatus = {}));
+// plugin init cod
+export default function publishPlugin(editor, opts) {
+    editor.PublicationManager = new PublicationManager(editor, opts);
+}
+function jobStatusToPublicationStatus(status) {
+    switch (status) {
+        case JobStatus.IN_PROGRESS:
+            return PublicationStatus.STATUS_PENDING;
+        case JobStatus.ERROR:
+            return PublicationStatus.STATUS_ERROR;
+        case JobStatus.SUCCESS:
+            return PublicationStatus.STATUS_SUCCESS;
+    }
+    throw new Error(`Unknown job status ${status}`);
+}
+// Orging and path, should we use config.rootUrl?
+const SERVER_URL = window.location.origin + window.location.pathname.replace(/\/$/, '');
+// The publication manager class
+// This class is responsible for the publication dialog and for the publication process
+// It is added to the editor instance as editor.PublicationManager
+export class PublicationManager {
+    editor;
+    /**
+     * Publication dialog
+     * This class is responsible for the  UI
+     */
+    dialog;
+    /**
+     * Publication settings
+     * This is the data which is stored in the website settings
+     */
+    _settings;
+    get settings() {
+        return this._settings;
+    }
+    set settings(newSettings) {
+        this._settings = newSettings;
+        this.dialog && (this.dialog.settings = newSettings);
+    }
+    /**
+     * Plugin options
+     * This is the data which is passed to the plugin by grapesjs
+     */
+    options;
+    /**
+     * Publication job during the publication process
+     */
+    job = null;
+    /**
+     * Publication state
+     * This is the state of the publication process
+     */
+    status = PublicationStatus.STATUS_NONE;
+    constructor(editor, opts) {
+        this.editor = editor;
+        this.options = {
+            appendTo: 'options',
+            ...opts,
+        };
+        // Save the publication settings in the website settings
+        editor.on('storage:start:store', (data) => {
+            data.publication = this.settings;
+        });
+        // load publication settings from the website
+        editor.on('storage:end:load', (data) => {
+            this.settings = data.publication ?? {};
+            // Check if the user is logged in
+            getUser({ type: ConnectorType.HOSTING, connectorId: this.settings.connector?.connectorId })
+                .then((user) => { })
+                .catch((err) => {
+                this.status = PublicationStatus.STATUS_LOGGED_OUT;
+                this.settings = {};
+                this.dialog && this.dialog.displayError('Please login', this.job, this.status);
+            });
+        });
+        // Add the publish command to the editor
+        editor.Commands.add(cmdPublicationStart, () => this.startPublication());
+        editor.Commands.add(cmdPublicationLogin, (editor, sender, connector) => this.goLogin(connector));
+        editor.Commands.add(cmdPublicationLogout, () => this.goLogout());
+        // Add the publication dialog to the editor
+        if (this.options.appendTo) {
+            this.dialog = new PublicationUi(editor, {
+                appendTo: this.options.appendTo,
+            });
+        }
+        else {
+            console.info('PublicationUi is disabled because no appendTo option is set');
+        }
+    }
+    async goLogin(connector) {
+        // Check if the user is already logged in
+        if (connector.isLoggedIn) {
+            this.settings = {
+                ...this.settings,
+                connector,
+            };
+            this.status = PublicationStatus.STATUS_NONE;
+            // Save the website with the new settings
+            this.editor.store(null);
+            // Display the dialog
+            this.dialog && this.dialog.displayPending(this.job, this.status);
+            return;
+        }
+        this.settings = {};
+        this.status = PublicationStatus.STATUS_LOGGED_OUT;
+        this.dialog && this.dialog.displayPending(this.job, this.status);
+        const params = {
+            connectorId: connector.connectorId,
+            type: connector.type,
+        };
+        window.open(connector.oauthUrl || `${SERVER_URL}${API_PATH}${API_CONNECTOR_PATH}${API_CONNECTOR_LOGIN}?connectorId=${params.connectorId}&type=${params.type}`, '_blank');
+        return new Promise(resolve => {
+            const onMessage = async (event) => {
+                const data = event.data;
+                if (data?.type === 'login') {
+                    window.removeEventListener('message', onMessage);
+                    if (data.error) {
+                        this.status = PublicationStatus.STATUS_LOGGED_OUT;
+                        this.settings = {};
+                        this.dialog && this.dialog.displayError(data.message, this.job, this.status);
+                    }
+                    else {
+                        this.editor.trigger(ClientEvent.PUBLISH_LOGIN_END);
+                        //const uesr = await getUser({type: connector.type, connectorId: data.connectorId})
+                        this.settings.connector = connector;
+                        this.settings.options = data.options;
+                        this.status = PublicationStatus.STATUS_NONE;
+                        // Save the website with the new settings
+                        this.editor.store(null);
+                        // Display the dialog
+                        this.dialog && this.dialog.displayPending(this.job, this.status);
+                        //await this.startPublication()
+                    }
+                }
+            };
+            window.addEventListener('message', onMessage, false);
+        });
+    }
+    async goLogout() {
+        try {
+            await logout({ type: ConnectorType.HOSTING, connectorId: this.settings.connector.connectorId });
+            this.settings = {};
+            this.dialog && this.dialog.displayPending(this.job, this.status);
+        }
+        catch (e) {
+            console.error('logout error', e);
+            this.status = PublicationStatus.STATUS_ERROR;
+            this.dialog && this.dialog.displayError(e.message, this.job, this.status);
+        }
+    }
+    /**
+     * Start the publication process
+     * This is the command "publish"
+     */
+    async startPublication() {
+        if (this.status === PublicationStatus.STATUS_PENDING)
+            throw new Error('Publication is already in progress');
+        this.status = PublicationStatus.STATUS_PENDING;
+        this.job = null;
+        this.dialog && this.dialog.displayPending(this.job, this.status);
+        this.editor.trigger(ClientEvent.PUBLISH_START);
+        // User and where to publish
+        const storageUser = this.editor.getModel().get('user');
+        if (!storageUser)
+            throw new Error('User not logged in to a storage connector');
+        if (!this.settings.connector?.connectorId)
+            throw new Error('User not logged in to a hosting connector');
+        const websiteId = this.options.websiteId;
+        const storageId = storageUser.storage.connectorId;
+        // Data to publish
+        // See assetUrl.ts which is a default transformer, always present
+        this.setPublicationTransformers();
+        const projectData = this.editor.getProjectData();
+        const siteSettings = this.editor.getModel().get('settings');
+        // Build the files structure
+        const files = (await this.getHtmlFiles(siteSettings))
+            .flatMap(file => ([{
+                path: file.htmlPath,
+                content: file.html,
+                type: ClientSideFileType.HTML,
+            }, {
+                path: file.cssPath,
+                content: file.css,
+                type: ClientSideFileType.CSS,
+            }]))
+            .concat(projectData.assets
+            .map(asset => {
+            // TODO: is this needed?
+            // // Remove /assets that is added by grapesjs
+            // const initialPath = asset.src
+            //   .replace(/^\/assets/, '')
+            // Transform the file paths with the transformers
+            const path = transformPath(this.editor, asset.src, ClientSideFileType.ASSET);
+            const src = transformPermalink(this.editor, asset.src, ClientSideFileType.ASSET);
+            return {
+                ...asset,
+                path,
+                src,
+                type: ClientSideFileType.ASSET, // Replaces grapesjs's 'image' type
+            };
+        }));
+        // Create the data to send to the server
+        const data = {
+            ...projectData,
+            settings: siteSettings,
+            publication: this.settings,
+            files,
+        };
+        this.resetPublicationTransformers();
+        transformFiles(this.editor, data);
+        this.editor.trigger(ClientEvent.PUBLISH_DATA, data);
+        try {
+            const [url, job] = await publish({
+                websiteId,
+                hostingId: this.settings.connector.connectorId,
+                storageId,
+                data: data,
+                options: this.settings.options,
+            });
+            this.job = job;
+            this.status = jobStatusToPublicationStatus(this.job.status);
+            // Save the publication settings
+            // Useless because the url is useful after publish only
+            //if(this.settings.url !== url) {
+            //  this.settings.url = url
+            //  await this.editor.store(null)
+            //}
+            this.trackProgress();
+        }
+        catch (e) {
+            console.error('publish error', e);
+            if (e.code === 401 || e.httpStatusCode === 401) {
+                this.status = PublicationStatus.STATUS_LOGGED_OUT;
+                this.settings = {};
+                this.dialog && this.dialog.displayError('Please login.', this.job, this.status);
+            }
+            else {
+                this.status = PublicationStatus.STATUS_ERROR;
+                this.dialog && this.dialog.displayError(`An error occured, your site is not published. ${e.message}`, this.job, this.status);
+            }
+            this.editor.trigger(ClientEvent.PUBLISH_ERROR, { success: false, message: e.message });
+            this.editor.trigger(ClientEvent.PUBLISH_END, { success: false, message: e.message });
+            return;
+        }
+    }
+    async getHtmlFiles(siteSettings) {
+        return this.editor.Pages.getAll().map(page => {
+            const pageSettings = page.get('settings');
+            function getSetting(name) {
+                return (pageSettings || {})[name] || (siteSettings || [])[name] || '';
+            }
+            const component = page.getMainComponent();
+            // Transform the file paths
+            const slug = getPageSlug(page.get('name'));
+            const cssInitialPath = `/css/${slug}.css`;
+            const htmlInitialPath = `/${slug}.html`;
+            const cssPermalink = transformPermalink(this.editor, cssInitialPath, ClientSideFileType.CSS);
+            const cssPath = transformPath(this.editor, cssInitialPath, ClientSideFileType.CSS);
+            const htmlPath = transformPath(this.editor, htmlInitialPath, ClientSideFileType.HTML);
+            const body = this.editor.getHtml({ component });
+            return {
+                html: `<!DOCTYPE html>
+<html lang="${getSetting('lang')}">
+<head>
+<link rel="stylesheet" href="${cssPermalink}" />
+${siteSettings?.head || ''}
+${pageSettings?.head || ''}
+<title>${getSetting('title')}</title>
+<link rel="icon" href="${getSetting('favicon')}" />
+${['description', 'og:title', 'og:description', 'og:image']
+                    .map(prop => `<meta property="${prop}" content="${getSetting(prop)}"/>`)
+                    .join('\n')}
+</head>
+${body}
+</html>`,
+                css: this.editor.getCss({ component }),
+                cssPath,
+                htmlPath,
+            };
+        });
+    }
+    async trackProgress() {
+        try {
+            this.job = await publicationStatus({ jobId: this.job.jobId });
+            this.status = jobStatusToPublicationStatus(this.job.status);
+        }
+        catch (e) {
+            this.status = PublicationStatus.STATUS_ERROR;
+            this.dialog && this.dialog.displayError(`An error occured, your site is not published. ${e.message}`, this.job, this.status);
+            this.editor.trigger(ClientEvent.PUBLISH_END, { success: false, message: e.message });
+            this.editor.trigger(ClientEvent.PUBLISH_ERROR, { success: false, message: e.message });
+            return;
+        }
+        if (this.job.status === JobStatus.IN_PROGRESS) {
+            setTimeout(() => this.trackProgress(), 2000);
+        }
+        else {
+            this.editor.trigger(ClientEvent.PUBLISH_END, { success: this.job.status === JobStatus.SUCCESS, message: this.job.message });
+        }
+        this.dialog && this.dialog.displayPending(this.job, this.status);
+    }
+    setPublicationTransformers() {
+        renderComponents(this.editor);
+        renderCssRules(this.editor);
+    }
+    resetPublicationTransformers() {
+        resetRenderComponents(this.editor);
+        resetRenderCssRules(this.editor);
+    }
+}
+//# sourceMappingURL=PublicationManager.js.map

package/dist/plugins/client/client/grapesjs/PublicationManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublicationManager.js","sourceRoot":"","sources":["../../../../../src/ts/client/grapesjs/PublicationManager.ts"],"names":[],"mappings":"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"}

package/dist/plugins/client/client/grapesjs/PublicationUi.d.ts

@@ -0,0 +1,62 @@
+import { TemplateResult } from 'lit-html';
+import { PublicationStatus, PublishableEditor } from './PublicationManager';
+import { PublicationJobData, PublicationSettings } from '../../types';
+/**
+ * @fileoverview define the publication dialog
+ * This is the UI of the publication feature
+ * It is a dialog which allows the user to login to a connector and publish the website
+ * It also displays the publication status and logs during the publication process
+ * This class is used by the PublicationManager
+ * This is optional, you can use the PublicationManager without this UI
+ * @TODO Use publication events instead of calls from the PublicationManager
+ */
+export declare const cmdPublish = "publish-open-dialog";
+export type PublicationDialogOptions = {
+    appendTo: string;
+};
+/**
+ * Class to manage the publication dialog
+ */
+export declare class PublicationUi {
+    private editor;
+    private options;
+    /**
+     * Dialog state
+     */
+    isOpen: boolean;
+    /**
+     * Dialog content
+     */
+    private errorMessage;
+    /**
+     * Dialog element
+     * This is the DOM element of the dialog
+     */
+    private el;
+    settings: PublicationSettings;
+    private sender;
+    /**
+     * Initialize the dialog and the publish button
+     */
+    constructor(editor: PublishableEditor, options: PublicationDialogOptions);
+    isSuccess(status: PublicationStatus): boolean;
+    isPending(status: PublicationStatus): boolean;
+    isError(status: PublicationStatus): boolean;
+    isLoggedOut(status: PublicationStatus): boolean;
+    isReady(status: PublicationStatus): boolean;
+    getDialogElements(): {
+        el: HTMLElement;
+        primary: HTMLElement;
+        secondary: HTMLElement;
+    };
+    createDialogElements(): HTMLElement;
+    move(rect: any): void;
+    private renderDialog;
+    renderOpenDialog(job: PublicationJobData, status: PublicationStatus): Promise<TemplateResult>;
+    renderLoginDialog(status: PublicationStatus): Promise<TemplateResult>;
+    displayPending(job: PublicationJobData, status: PublicationStatus): void;
+    displayError(message: string, job: PublicationJobData, status: PublicationStatus): void;
+    closeDialog(): Promise<void>;
+    toggleDialog(): Promise<void>;
+    openDialog(): Promise<void>;
+}