@silexlabs/silex 3.0.1-0 → 3.0.1

package/.env.default

@@ -1,4 +1,4 @@
-SILEX_URL=
+SILEX_URL=http://localhost:6805
 SILEX_EXPRESS_JSON_LIMIT=1mb
 SILEX_EXPRESS_TEXT_LIMIT=10mb
 SILEX_EXPRESS_URLENCODED_LIMIT=1mb
@@ -8,7 +8,7 @@ SILEX_PORT=6805 # 6805 is the date of sexual revolution started in paris france
 SILEX_HOST=localhost
 SILEX_PROTOCOL=http
 SILEX_DEBUG=FALSE
-SILEX_CONFIG=
+SILEX_SERVER_CONFIG=
 SILEX_SSL_PORT=
 SILEX_FORCE_HTTPS=
 SILEX_SSL_PRIVATE_KEY=
@@ -17,3 +17,4 @@ SILEX_FORCE_HTTPS_TRUST_XFP_HEADER=
 SILEX_CORS_URL=
 SILEX_CLIENT_CONFIG=
 SILEX_FS_ROOT=
+SILEX_FS_HOSTING_ROOT=

package/.silex.js

@@ -15,15 +15,53 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
+/**
+ * @fileoverview This file is loaded by Silex at startup, after the user config if you specify one
+ */
+
 const SslPlugin = require('./dist/plugins/server/plugins/server/SslPlugin').default
 const StaticPlugin = require('./dist/plugins/server/plugins/server/StaticPlugin').default
+const { join } = require('path')
+const nodeModules = require('node_modules-path')
 
 module.exports = async function(config, options) {
   try {
     await config.addPlugin([
       SslPlugin,
       StaticPlugin,
-    ])
+    ], {
+      [StaticPlugin]: {
+        routes: [
+          {
+            route: '/',
+            path: join(__dirname, 'public'),
+          }, {
+            route: '/css/',
+            path: nodeModules('@fortawesome/fontawesome-free') + '/@fortawesome/fontawesome-free/css/',
+          }, {
+            route: '/webfonts/',
+            path: nodeModules('@fortawesome/fontawesome-free') + '/@fortawesome/fontawesome-free/webfonts/',
+          }, {
+            route: '/css/files/',
+            path: nodeModules('@fontsource/ubuntu') + '/@fontsource/ubuntu/files/',
+          }, {
+            route: '/',
+            path: join(__dirname, 'dist', 'client'),
+          }, {
+            route: '/',
+            path: join(__dirname, 'dist', 'plugins', 'client'),
+          },
+        ]
+          // add project route for source maps
+          .concat(config.debug ? [{
+            route: '/',
+            path: './',
+          }, {
+            route: '/js/',
+            path: nodeModules('@silexlabs/silex-cms') + '/@silexlabs/silex-cms/',
+          }] : []),
+      },
+    })
   } catch(e) {
     console.error(e)
   }

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

@@ -8,6 +8,7 @@ export declare enum ApiRoute {
     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",
@@ -15,6 +16,8 @@ export declare enum ApiRoute {
     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;
@@ -52,6 +55,10 @@ 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;
@@ -65,7 +72,7 @@ export declare function websiteMetaWrite({ websiteId, data, connectorId }: {
 export declare function websiteMetaRead({ websiteId, connectorId }: {
     websiteId: WebsiteId;
     connectorId?: ConnectorId;
-}): Promise<void>;
+}): Promise<WebsiteMeta>;
 export declare function websiteAssetsLoad({ path, websiteId, connectorId }: {
     path: string;
     websiteId: WebsiteId;

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

@@ -1,10 +1,14 @@
 import { Config } from '@silexlabs/silex-plugins';
 import { ConnectorId, WebsiteId } from '../types';
-import { EditorConfig } from 'grapesjs';
+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
@@ -27,6 +31,20 @@ export declare class ClientConfig extends Config {
      * 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
      */
@@ -36,8 +54,49 @@ export declare class ClientConfig extends Config {
      * 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

@@ -1,14 +1,23 @@
 export declare enum ClientEvent {
-    STARTUP_START = "silex:startup:start",
-    STARTUP_END = "silex:startup:end",
-    GRAPESJS_START = "silex:grapesjs:start",
-    GRAPESJS_END = "silex:grapesjs:end",
-    PUBLISH_START = "silex:publish:start",
-    PUBLISH_DATA = "silex:publish:data",
-    PUBLISH_END = "silex:publish:end",
-    PUBLISH_ERROR = "silex:publish:error",
-    PUBLISH_LOGIN_START = "silex:publish:login:start",
+    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"
+    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/grapesjs/PublicationManager.d.ts

@@ -1,4 +1,4 @@
-import { ConnectorData, PublicationJobData, PublicationSettings, WebsiteId, WebsiteSettings } from '../../types';
+import { ConnectorData, PublicationData, PublicationJobData, PublicationSettings, WebsiteFile, WebsiteId, WebsiteSettings } from '../../types';
 import { Editor } from 'grapesjs';
 import { PublicationUi } from './PublicationUi';
 /**
@@ -58,18 +58,16 @@ export declare class PublicationManager {
      */
     status: PublicationStatus;
     constructor(editor: PublishableEditor, opts: PublicationManagerOptions);
-    goLogin(connector: ConnectorData): Promise<unknown>;
+    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>;
-    getFiles(siteSettings: WebsiteSettings): Promise<{
-        html: string;
-        css: string;
-        cssPath: string;
-        htmlPath: string;
-    }[]>;
+    getHtmlFiles(siteSettings: WebsiteSettings, preventDefault: any): Promise<WebsiteFile[]>;
     trackProgress(): Promise<void>;
+    private setPublicationTransformers;
+    private resetPublicationTransformers;
 }

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

@@ -34,20 +34,18 @@ export declare class PublicationUi {
      */
     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;
-    };
+    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;

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

@@ -1,5 +1,9 @@
 import { Editor, EditorConfig } from 'grapesjs';
-import { ConnectorId, WebsiteId } from '../../types';
-export declare function getEditorConfig(id: WebsiteId, connectorId: ConnectorId, rootUrl: string): EditorConfig;
+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

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

package/dist/client/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/client/grapesjs/new-page-dialog.d.ts

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

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

@@ -1,3 +1,9 @@
+import { Editor } from 'grapesjs';
 export declare const cmdTogglePages = "pages:open-panel";
 export declare const cmdAddPage = "pages:add";
-export declare const pagePanelPlugin: any;
+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;