@silexlabs/silex 3.0.0-alpha.179 → 3.0.0-alpha.181

package/README.md

@@ -1,4 +1,3 @@
-[![status of silex.me instance](https://monitoshi.lexoyo.me/badge/1525963562293-6552)](https://v3.silex.me)
 
 ![Silex UI](https://github.com/silexlabs/www.silex.me/raw/gh-pages/assets/silex-ui.gif)
 
@@ -38,7 +37,7 @@ Here are the main features of Silex website builder:
 
 ### 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)
 

package/dist/client/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/client/grapesjs/blocks.d.ts

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

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

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

package/dist/client/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/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/Silex/src/ts/client/grapesjs/internal-links.d.ts

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

package/dist/client/Silex/src/ts/client/grapesjs/keymaps.d.ts

@@ -0,0 +1,123 @@
+import { Editor, PluginOptions } from 'grapesjs';
+/**
+ * Opens the Publish dialog and publishes the website.
+ * @param editor The editor.
+ */
+declare function publish(editor: Editor): void;
+/**
+ * Escapes the current context in this order : modal, Publish dialog, left panel.
+ * If none of these are open, it selects the body.
+ * @param editor The editor.
+ */
+declare function escapeContext(editor: Editor): void;
+export declare const cmdSelectBody = "select-body";
+export declare let prefixKey: string;
+export declare const defaultKms: {
+    kmOpenSettings: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmOpenPublish: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmOpenFonts: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmPreviewMode: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmLayers: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmBlocks: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmNotifications: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmPages: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmSymbols: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmStyleManager: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmTraitsManager: {
+        id: string;
+        keys: string;
+        handler: (editor: any) => void;
+    };
+    kmClosePanel: {
+        id: string;
+        keys: string;
+        handler: typeof escapeContext;
+    };
+    kmSelectBody: {
+        id: string;
+        keys: string;
+        handler: string;
+    };
+    kmDuplicateSelection: {
+        id: string;
+        keys: string;
+        handler: string;
+    };
+    kmPublish: {
+        id: string;
+        keys: string;
+        handler: typeof publish;
+    };
+    kmAddPage: {
+        id: string;
+        keys: string;
+        handler: string;
+    };
+    kmRemovePage: {
+        id: string;
+        keys: string;
+        handler: string;
+    };
+    kmClonePage: {
+        id: string;
+        keys: string;
+        handler: string;
+    };
+    kmSelectNextPage: {
+        id: string;
+        keys: string;
+        handler: string;
+    };
+    kmSelectPrevPage: {
+        id: string;
+        keys: string;
+        handler: string;
+    };
+    kmSelectFirstPage: {
+        id: string;
+        keys: string;
+        handler: string;
+    };
+};
+export declare function keymapsPlugin(editor: Editor, opts: PluginOptions): void;
+export {};

package/dist/client/Silex/src/ts/client/grapesjs/new-page-dialog.d.ts

@@ -0,0 +1,2 @@
+export declare const cmdOpenNewPageDialog = "new-page-dialog";
+export declare const newPageDialog: (editor: any, opts: any) => void;

package/dist/client/Silex/src/ts/client/grapesjs/openImport.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @fileoverview Import feature
+ * Let the user import HTML code when she creates a new page
+ *
+ */
+export default function openImport(editor: any, config: any): {
+    run(_: any): void;
+    stop(): void;
+};

package/dist/client/Silex/src/ts/client/grapesjs/page-panel.d.ts

@@ -0,0 +1,9 @@
+import { Editor } from 'grapesjs';
+export declare const cmdTogglePages = "pages:open-panel";
+export declare const cmdAddPage = "pages:add";
+export declare const cmdRemovePage = "pages:remove";
+export declare const cmdClonePage = "pages:clone";
+export declare const cmdSelectNextPage = "pages:select-next";
+export declare const cmdSelectPrevPage = "pages:select-prev";
+export declare const cmdSelectFirstPage = "pages:select-first";
+export declare const pagePanelPlugin: (editor: Editor, opts: any) => void;

package/dist/client/Silex/src/ts/client/grapesjs/project-bar.d.ts

@@ -0,0 +1,21 @@
+import { Editor } from 'grapesjs';
+export declare const PROJECT_BAR_PANEL_ID = "project-bar-panel";
+export declare const containerPanelId = "project-bar-container";
+export interface PanelObject {
+    command: string | ((editor: Editor) => void);
+    text: string;
+    className: string;
+    name?: string;
+    attributes: {
+        title?: string;
+        containerClassName?: string;
+    };
+    buttons?: {
+        command: string;
+        text: string;
+        className: string;
+    }[];
+    onClick?: (editor: Editor) => void;
+}
+export declare const projectBarPlugin: (editor: any, opts: any) => void;
+export declare function addButton(editor: Editor, panel: PanelObject): void;

package/dist/client/Silex/src/ts/client/grapesjs/resize-panel.d.ts

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

package/dist/client/Silex/src/ts/client/grapesjs/rich-text.d.ts

@@ -0,0 +1,4 @@
+import { RichTextEditorAction } from 'grapesjs';
+export declare const orderedList: RichTextEditorAction;
+export declare const unorderedList: RichTextEditorAction;
+export declare const richTextPlugin: (editor: any, opts: any) => void;