@silexlabs/silex 3.0.1-alpha.0 → 3.0.1

package/README.md

@@ -1,44 +1,24 @@
-[![status of silex.me instance](https://monitoshi.lexoyo.me/badge/1525963562293-6552)](https://editor.silex.me)
+## Silex core library
 
-![Silex UI](https://github.com/silexlabs/www.silex.me/raw/gh-pages/assets/silex-ui.gif)
-
-Brought to you by [Alex Hoyau](https://www.patreon.com/lexoyo) and [Silex contributors](https://github.com/silexlabs/Silex/graphs/contributors).
-
-You can help make Silex sustainable by being part of the community, contributing documentation or making a financial contribution. [Let's chat - every little bit helps!](https://github.com/silexlabs/Silex/discussions)
-
-## About Silex, live web creation.
-
-Silex is a no-code tool for building websites. It also lets you code when needed. It can be used online, offline or in a JAMStack project.
-
-Silex lets you create websites without coding, but it also has built-in editors for HTML, CSS, and JavaScript for when you need more control. It is used by freelancers and web studios to make real websites for real clients. Also Silex can generate templates or be integrated in a nodejs project, it has a plugin system and can integrate with headleass CMS and static site generators, it is part of the JSAMStack ecosystem since the v3.
+This repository is the core library of Silex, it is a nodejs server which serves the Silex editor and the websites created with Silex. The core library is used in the online version of Silex, in the desktop app, and in the nodejs integration. It is available as a npx cli, as a docker image, and as a npm/nodejs library.
 
 Useful links
 
+* [npm package for this repo](https://www.npmjs.com/package/@silexlabs/silex)
+* [Docker image for this repo](https://hub.docker.com/r/silexlabs/silex)
 * [Official website](https://www.silex.me/)
-* [Road map (please help defining tasks and prioritising)](https://github.com/orgs/silexlabs/projects/1/views/7)
+* [Road map (please help defining tasks and prioritising)](https://roadmap.silex.me)
 * [Bug report in Github issues](https://github.com/silexlabs/Silex/issues)
-* [Forums in Github discussions](https://github.com/silexlabs/Silex/discussions)
-* [Silex meta package with more source code](https://github.com/silexlabs/silex-meta)
-
-Here are the main features of Silex website builder:
-
-* Free and Open Source, open to contributions
-* Visual Editor: Silex offers a visual editor that allows users to create websites without needing to write code. It supports drag-and-drop functionality for easy website creation.
-* Online CSS Editor: Alongside the visual editor, Silex also provides an online CSS editor for more advanced customization.
-* Static HTML Websites: Silex is designed to create static HTML websites, which are fast, secure, and easy to host.
-* SEO Features: Silex includes SEO features to help improve the visibility of websites on search engines.
-* Editor UI: Silex offers features like fonts, visual CSS editor, publication...
-* Self-hosting Option: Users can choose to host their Silex website builder on their own server.
-* Community Support: Being an open-source project, Silex has a community of developers who contribute to its development and provide support.
-* Silex v3 > Silex is based on [GrapesJs](https://grapesjs.com/)
-* Silex v2 > Sync with Dropbox and FTP: Users can sync their Silex projects with Dropbox and FTP, allowing for easy access and management of files.
-* Silex v2 > Templates: Silex comes with a growing number of templates (both free and paid) that users can use as a starting point for their websites.
+* [Forums in Github discussions](https://community.silex.me)
+* [Silex meta package with more source code](https://github.com/silexlabs/Silex)
+
+Help make Silex sustainable by being [part of the community](https://community.silex.me/), [contributing documentation](https://docs.silex.me/), [making a financial contribution](https://opencollective.com/silex), [report bugs](https://github.com/silexlabs/Silex/issues).
 
 ## Getting Started
 
 ### Online Version
 
-The easiest way to start using Silex is by using the online version provided by [Silex Labs foundation](https://www.silexlabs.org). Simply visit [editor.silex.me](https://editor.silex.me) and start building your website right away.
+The easiest way to start using Silex is by using the online version provided by [Silex Labs foundation](https://www.silexlabs.org). Simply visit [v3.silex.me](https://v3.silex.me) and start building your website right away.
 
 ### Desktop App (beta)
 
@@ -48,13 +28,15 @@ There is a desktop application that you can install on your computer which may b
 
 You can also run Silex locally or on your server using `npx`, `npm`, or `Docker`.
 
+Check the [developer docs](https://docs.silex.me/en/dev) for configuration options and integration with your js projects.
+
 #### Using npx
 
 ```bash
 npx @silexlabs/silex
 ```
 
-This command will run Silex with the entry point being `src/ts/server/cli.ts`.
+This command will run Silex with default config.
 
 #### Using Docker
 
@@ -62,7 +44,7 @@ This command will run Silex with the entry point being `src/ts/server/cli.ts`.
 docker run -p 6805:6805 silexlabs/silex
 ```
 
-This command will run Silex in a Docker container with the entry point being `src/ts/server/index.ts`.
+This command will run Silex in a Docker container.
 
 #### Using npm
 
@@ -72,11 +54,31 @@ First, install Silex as a dev dependency in your project:
 npm install --save-dev @silexlabs/silex
 ```
 
-Then, you can run Silex with the `silex` command. The entry point is `src/ts/server/cli.ts`.
+Then, you can run Silex with the `silex` command in your `package.json` scripts:
+
+```json
+{
+  "scripts": {
+    "start": "silex"
+  }
+}
+```
 
 ## Configuration
 
-You can configure Silex using environment variables and command-line options. All available options can be found in `src/ts/server/cli.ts`.
+You can configure Silex using environment variables and command-line options. All available options can be found in the [developer docs](https://docs.silex.me/en/dev) as well as in the code: [`src/ts/server/cli.ts`](./src/ts/server/cli.ts).
+
+Check the example config files - which are the same as plugins in Silex, in the [`examples/`](./examples/) folder. To test these configs, start Silex locally like this:
+
+```sh
+$ npx silex --client-config=./examples/client-config-transformers.js --server-config=`pwd`/examples/server-config-plugins.js 
+```
+
+Or like this:
+
+```sh
+$ SILEX_CLIENT_CONFIG=./examples/client-config-transformers.js SILEX_SERVER_CONFIG=`pwd`/examples/server-config-plugins.js npm run start:debug
+```
 
 ## Contributing
 
@@ -88,7 +90,7 @@ Silex is free and open-source software licensed under the [GPL-3.0](LICENSE.md).
 
 ## Dependencies
 
-The upstream projects we use in Silex are all listed in [Silex meta package](https://github.com/silexlabs/silex-meta)
+The upstream projects we use in Silex are all listed in [Silex meta package](https://github.com/silexlabs/Silex)
 
 ## Github stars history
 

package/dist/client/client/api.d.ts

@@ -0,0 +1,90 @@
+import { ConnectorId, JobId, PublicationJobData, WebsiteId, ConnectorData, ConnectorType, WebsiteData, ClientSideFile, PublicationData, ConnectorUser, WebsiteMeta, WebsiteMetaFileContent, ConnectorOptions } from '../types';
+export declare enum ApiRoute {
+    PUBLICATION_PUBLISH = "/api/publication/",
+    PUBLICATION_STATUS = "/api/publication/publication/status",
+    CONNECTOR_USER = "/api/connector/user",
+    CONNECTOR_LOGOUT = "/api/connector/logout",
+    CONNECTOR_LIST = "/api/connector/",
+    WEBSITE_READ = "/api/website/",
+    WEBSITE_WRITE = "/api/website/",
+    WEBSITE_DELETE = "/api/website/",
+    WEBSITE_DUPLICATE = "/api/website/duplicate",
+    WEBSITE_CREATE = "/api/website/",
+    WEBSITE_LIST = "/api/website/",
+    WEBSITE_ASSETS_READ = "/api/website/assets",
+    WEBSITE_ASSETS_WRITE = "/api/website/assets",
+    WEBSITE_META_READ = "/api/website/meta",
+    WEBSITE_META_WRITE = "/api/website/meta"
+}
+export declare function setServerUrl(url: string): void;
+export declare function getServerUrl(): string;
+export declare function getUser({ type, connectorId }: {
+    type: ConnectorType;
+    connectorId?: ConnectorId;
+}): Promise<ConnectorUser>;
+export declare function logout({ type, connectorId }: {
+    type: ConnectorType;
+    connectorId?: ConnectorId;
+}): Promise<void>;
+export declare function publish({ websiteId, hostingId, storageId, data, options }: {
+    websiteId: WebsiteId;
+    hostingId: ConnectorId;
+    storageId: ConnectorId;
+    data: PublicationData;
+    options: ConnectorOptions;
+}): Promise<[url: string, job: PublicationJobData]>;
+export declare function publicationStatus({ jobId }: {
+    jobId: JobId;
+}): Promise<PublicationJobData>;
+export declare function connectorList({ type }: {
+    type: ConnectorType;
+}): Promise<ConnectorData[]>;
+export declare function websiteList({ connectorId }: {
+    connectorId?: ConnectorId;
+}): Promise<WebsiteMeta[]>;
+export declare function websiteLoad({ websiteId, connectorId }: {
+    websiteId: WebsiteId;
+    connectorId?: ConnectorId;
+}): Promise<WebsiteData>;
+export declare function websiteSave({ websiteId, data, connectorId }: {
+    websiteId: WebsiteId;
+    data: WebsiteData;
+    connectorId?: ConnectorId;
+}): Promise<void>;
+export declare function websiteDelete({ websiteId, connectorId }: {
+    websiteId: WebsiteId;
+    connectorId?: ConnectorId;
+}): Promise<void>;
+export declare function websiteDuplicate({ websiteId, connectorId }: {
+    websiteId: WebsiteId;
+    connectorId?: ConnectorId;
+}): Promise<void>;
+export declare function websiteCreate({ websiteId, data, connectorId }: {
+    websiteId: WebsiteId;
+    data: WebsiteMetaFileContent;
+    connectorId?: ConnectorId;
+}): Promise<void>;
+export declare function websiteMetaWrite({ websiteId, data, connectorId }: {
+    websiteId: WebsiteId;
+    data: WebsiteMetaFileContent;
+    connectorId?: ConnectorId;
+}): Promise<void>;
+export declare function websiteMetaRead({ websiteId, connectorId }: {
+    websiteId: WebsiteId;
+    connectorId?: ConnectorId;
+}): Promise<WebsiteMeta>;
+export declare function websiteAssetsLoad({ path, websiteId, connectorId }: {
+    path: string;
+    websiteId: WebsiteId;
+    connectorId: ConnectorId;
+}): Promise<string>;
+/**
+ * Not used directly, grapesjs handles the upload
+ * @see assetManager in src/ts/client/grapesjs/index.ts
+ */
+export declare function websiteAssetsSave({ websiteId, connectorId, files }: {
+    websiteId: WebsiteId;
+    connectorId: ConnectorId;
+    files: ClientSideFile[];
+}): Promise<string[]>;
+export declare function api<ReqQuery, ReqBody, ResBody>(route: ApiRoute | string, method: string, query?: ReqQuery, payload?: ReqBody): Promise<ResBody>;

package/dist/client/client/assetUrl.d.ts

@@ -0,0 +1,54 @@
+import { Asset, ClientSideFileType, ConnectorId, Page, Style, WebsiteId } from '../types';
+/**
+ * Function to convert a path from it stored version to the displayed version
+ * Stored version is like `/assets/image.webp`
+ * Grapesjs version is like `/api/website/assets/image.webp?websiteId=47868975&connectorId=gitlab`
+ * Exported for unit tests
+ */
+export declare function storedToDisplayed(path: string, websiteId: WebsiteId, storageId: ConnectorId): string;
+/**
+ * Function to convert a path from the one we give to grapesjs to the stored version
+ * Grapesjs version is like `/api/website/assets/image.webp?websiteId=47868975&connectorId=gitlab`
+ * Stored version is like `/assets/image.webp`
+ * @param path the path to convert
+ * @returns the converted path
+ * Exported for unit tests
+ */
+export declare function displayedToStored(path: string): string;
+/**
+ * Publication transformer to convert the asset URL during publication
+ */
+export declare const assetsPublicationTransformer: {
+    transformPath(path: string, type: ClientSideFileType): string;
+    transformPermalink(path: string, type: ClientSideFileType): string;
+};
+/**
+ * Update asset URL to use the current storage connector and website ID
+ * Assets URLs are stored in the project data in the form `/assets/image.webp`
+ * This function adds the API path and the connectorId and websiteId like so: `/api/website/assets/image.webp?websiteId=47868975&connectorId=gitlab`
+ */
+export declare function addTempDataToAssetUrl(assets: Asset[], websiteId: WebsiteId, storageId: ConnectorId): Asset[];
+/**
+ * Remove the temporary data from the asset URL
+ * Remove the API path and the connectorId and websiteId like so: `/assets/image.webp`
+ */
+export declare function removeTempDataFromAssetUrl(assets: Asset[]): Asset[];
+/**
+ * Add temp data to pages
+ */
+export declare function addTempDataToPages(pages: Page[], websiteId: WebsiteId, storageId: ConnectorId): Page[];
+/**
+ * Remove temp data from asset URL in the components
+ */
+export declare function removeTempDataFromPages(pages: Page[]): Page[];
+/**
+ * Add data to stylesheets
+ *   e.g. linear-gradient(to right, #1fb101 0%, #df1313 67%, rgba(234, 97, 97, 255) 78%, white 100%), url('/assets/qIg7JPRc.webp'), linear-gradient(#0ca311 0%, #0ca311 100%)
+ */
+export declare function addTempDataToStyles(styles: Style[], websiteId: WebsiteId, storageId: ConnectorId): Style[];
+/**
+ * Remove temp data from stylesheets
+ * The property `background-image` contains the URLs of the assets and other values,
+ *   e.g. `linear-gradient(to right, #1fb101 0%, #df1313 67%, rgba(234, 97, 97, 255) 78%, white 100%), url('/api/website/assets/qIg7JPRc.webp?websiteId=default&connectorId=fs-storage'), linear-gradient(#0ca311 0%, #0ca311 100%)`
+ */
+export declare function removeTempDataFromStyles(styles: Style[]): Style[];

package/dist/client/client/config.d.ts

@@ -0,0 +1,102 @@
+import { Config } from '@silexlabs/silex-plugins';
+import { ConnectorId, WebsiteId } from '../types';
+import { Editor, EditorConfig } from 'grapesjs';
+import { PublicationTransformer } from './publication-transformers';
+import * as api from './api';
+import { SettingsSection } from './grapesjs/settings-sections';
+/**
+ * @fileoverview Silex client side config
+ */
+export declare class ClientConfig extends Config {
+    api: typeof api;
+    /**
+     * The website to load
+     * This is the id of the website in the storage connector
+     */
+    websiteId: WebsiteId;
+    /**
+     * The storage connector to use
+     * If not found in the URL and the user is not logged in to any storage, use the first storage
+     */
+    storageId: ConnectorId;
+    /**
+     * language for I18n module
+     */
+    lang: string;
+    /**
+     * root url of Silex app
+     */
+    rootUrl: string;
+    /**
+     * debug mode
+     */
+    debug: boolean;
+    /**
+     * Add hash in the file name of CSS at the time of publication
+     * If true, CSS files of generated pages will look like `page-name.123456.css`  instead of `page-name.css`
+     * This is useful to avoid caching issues
+     * @default true
+     */
+    addHashInCssFileName: boolean;
+    /**
+     * Replaced elements
+     * This is a list of elements which support the object-fit and object-position CSS properties
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element
+     * When selected, Silex will show the object-fit and object-position properties in the style panel
+     */
+    replacedElements: string[];
+    /**
+     * Grapesjs config
+     */
+    grapesJsConfig: EditorConfig;
+    /**
+     * Client config url
+     * This is the url of the config file which is a plugin
+     */
+    clientConfigUrl: string;
+    /**
+     * Google fonts API key, see this doc to get an API key: https://developers.google.com/fonts/docs/developer_api#APIKey
+     * @default Test key for local dev
+     */
+    fontsApiKey: string;
+    /**
+     * Google fonts server or a free privacy-friendly drop-in replacement for Google Fonts or a proxy server to speed up the load and protect privacy
+     * @see https://github.com/coollabsio/fonts
+     * @see https://fontlay.com/
+     * @default Google Fonts
+     */
+    fontsServerUrl: string;
+    fontsApiUrl: string;
+    /**
+     * Init GrapesJS config which depend on the config file properties
+     */
+    initGrapesConfig(): void;
+    /**
+     * Get grapesjs editor
+     */
+    getEditor(): Editor;
+    /**
+     * Publication transformers let plugins change files before they are published
+     */
+    publicationTransformers: Array<PublicationTransformer>;
+    /**
+     * Reset publication transformers
+     */
+    resetPublicationTransformers(): void;
+    /**
+     * Add a publication transformer(s)
+     */
+    addPublicationTransformers(transformers: PublicationTransformer | PublicationTransformer[]): void;
+    /**
+     * Add a section to the settings dialog
+     */
+    addSettings(section: SettingsSection, siteOrPage: 'site' | 'page', position?: 'first' | 'last' | number): void;
+    /**
+     * Remove a section from the settings dialog
+     */
+    removeSettings(id: string, siteOrPage: 'site' | 'page'): void;
+    /**
+     * Add default plugins
+     */
+    addDefaultPlugins(): Promise<void>;
+}

package/dist/client/client/events.d.ts

@@ -0,0 +1,23 @@
+export declare enum ClientEvent {
+    STARTUP_START = "silex:startup:start",/* Loading is over and Silex is starting */
+    STARTUP_END = "silex:startup:end",/* Silex is ready to be used */
+    GRAPESJS_START = "silex:grapesjs:start",/* GrapesJS is about to be initialized, it is time to edit config.grapesJsConfig */
+    GRAPESJS_END = "silex:grapesjs:end",/* GrapesJS is ready to be used, `editor` is passed as an argument */
+    PUBLICATION_UI_OPEN = "silex:publication-ui:open",/* The publication UI is opened, you can access it with { publicationUi } */
+    PUBLICATION_UI_CLOSE = "silex:publication-ui:close",/* The publication UI is closed, you can access it with { publicationUi } */
+    PUBLISH_BEFORE = "silex:publish:before",/* Publication is about to start, you can read+write {projectData, siteSettings} */
+    PUBLISH_START = "silex:publish:start",/* Publication starts, you can read+write project data/settings, use publication manager/ui, prevent publication {projectData, siteSettings, publicationManager, prenventDefault} */
+    PUBLISH_PAGE = "silex:publish:page",/* Publication of a page, read+write settings and page data, use publication manager and prevent publication { siteSettings, pageSettings, page, publicationManager, preventDefault } */
+    PUBLISH_DATA = "silex:publish:data",/* Just before we send the published data to the server, read+write all publication data, check PublicationData type in types.ts { data, publicationManager } */
+    PUBLISH_END = "silex:publish:end",/* Publication is over, the argument is the publication result with {success: boolean, message: string} */
+    PUBLISH_ERROR = "silex:publish:error",/* Publication failed, the argument is the publication result with {success: boolean, message: string} */
+    PUBLISH_LOGIN_START = "silex:publish:login:start",/* The user is about to login before publication, you can read+write connector data and use publication manager and prevent publication {connector, publicationManager, preventDefault} */
+    PUBLISH_LOGIN_END = "silex:publish:login:end",
+    ASSET_WRITE_END = "silex:asset:write:end",
+    WRITE_END = "silex:write:end",
+    SETTINGS_OPEN = "silex:settings:open",/* The settings dialog is opened */
+    SETTINGS_CLOSE = "silex:settings:close",/* The settings dialog is closed */
+    SETTINGS_SAVE_START = "silex:settings:save:start",/* The settings dialog is closed and the settings are about to be saved */
+    SETTINGS_SAVE_END = "silex:settings:save:end",/* The settings dialog is closed and the settings are saved */
+    SETTINGS_SECTION_CHANGE = "silex:settings:section-change"
+}

package/dist/client/client/expose.d.ts

@@ -0,0 +1,8 @@
+export * from './grapesjs/index';
+export * from './config';
+export * as constants from '../constants';
+export * as utils from './utils';
+export * as api from './api';
+export * as events from './events';
+export * as page from '../page';
+export * as types from '../types';

package/dist/client/client/grapesjs/LoginDialog.d.ts

@@ -0,0 +1,15 @@
+import { Editor } from 'grapesjs';
+import { ConnectorId, ConnectorType, ConnectorUser } from '../../types';
+import { WebsiteId } from '../../types';
+export declare const cmdLogin = "silex:auth:login";
+export declare const cmdLogout = "silex:auth:logout";
+export declare const eventLoggingIn = "silex:auth:logging-in";
+export declare const eventLoggedIn = "silex:auth:logged-in";
+export declare const eventLoginFailed = "silex:auth:login-failed";
+export declare const eventLoggedOut = "silex:auth:logged-out";
+export interface LoginDialogOptions {
+    id: WebsiteId;
+}
+export declare function getCurrentUser(editor: Editor): Promise<ConnectorUser>;
+export declare function updateUser(editor: Editor, type: ConnectorType, connectorId?: ConnectorId): Promise<ConnectorUser>;
+export default function loginDialogPlugin(editor: any, opts: any): void;

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

@@ -0,0 +1,73 @@
+import { ConnectorData, PublicationData, 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<void>;
+    goLogout(): Promise<void>;
+    getPublicationData(projectData: any, siteSettings: any, preventDefault: () => void): Promise<PublicationData>;
+    /**
+     * Start the publication process
+     * This is the command "publish"
+     */
+    startPublication(): Promise<void>;
+    getHtmlFiles(siteSettings: WebsiteSettings, preventDefault: any): Promise<WebsiteFile[]>;
+    trackProgress(): Promise<void>;
+    private setPublicationTransformers;
+    private resetPublicationTransformers;
+}

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

@@ -0,0 +1,59 @@
+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): status is PublicationStatus.STATUS_SUCCESS;
+    isPending(status: PublicationStatus): status is PublicationStatus.STATUS_PENDING;
+    isError(status: PublicationStatus): status is PublicationStatus.STATUS_ERROR;
+    isLoggedOut(status: PublicationStatus): status is PublicationStatus.STATUS_LOGGED_OUT;
+    isReady(status: PublicationStatus): status is PublicationStatus.STATUS_NONE;
+    userContent: TemplateResult | null;
+    setUserContent(content: TemplateResult): void;
+    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>;
+}

package/dist/client/client/grapesjs/blocks.d.ts

@@ -0,0 +1 @@
+export declare const blocksPlugin: (editor: any, opts: any) => void;

package/dist/client/client/grapesjs/breadcrumbs.d.ts

@@ -0,0 +1 @@
+export default function (editor: any, options: any): void;

package/dist/client/client/grapesjs/css-props.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from 'grapesjs';
+/**
+ * @fileoverview Adds various css properties
+ */
+declare const _default: (editor: Editor, opts: any) => void;
+export default _default;

package/dist/client/client/grapesjs/footer.d.ts

@@ -0,0 +1,2 @@
+export default function (editor: any, options: any): void;
+export declare function onFooter(fn: any): void;

package/dist/client/client/grapesjs/img.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from 'grapesjs';
+/**
+ * @fileoverview This plugin adds CSS properties object-fit and object-position to the image component.
+ */
+declare const _default: (editor: Editor, opts: any) => void;
+export default _default;

package/dist/client/client/grapesjs/index.d.ts

@@ -0,0 +1,9 @@
+import { Editor, EditorConfig } from 'grapesjs';
+import { ClientConfig } from '../config';
+export declare const cmdToggleLayers = "open-layers";
+export declare const cmdToggleBlocks = "open-blocks";
+export declare const cmdToggleSymbols = "open-symbols";
+export declare const cmdToggleNotifications = "open-notifications";
+export declare function getEditorConfig(config: ClientConfig): EditorConfig;
+export declare function initEditor(config: EditorConfig): Promise<Editor>;
+export declare function getEditor(): Editor;

package/dist/client/client/grapesjs/internal-links.d.ts

@@ -0,0 +1 @@
+export declare const internalLinksPlugin: (editor: any, opts: any) => void;