@silexlabs/silex 3.0.0-alpha.43 → 3.0.0-alpha.44

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

@@ -10,15 +10,11 @@ export declare enum ApiRoute {
     WEBSITE_DELETE = "/api/website/",
     WEBSITE_CREATE = "/api/website/",
     WEBSITE_LIST = "/api/website/",
-    WEBSITE_ASSETS_READ = "/api/websiteassets/:path",
-    WEBSITE_ASSETS_WRITE = "/api/websiteassets",
+    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 class ApiError extends Error {
-    readonly code: number;
-    constructor(message: string, code: number);
-}
 export declare function getUser({ type, connectorId }: {
     type: ConnectorType;
     connectorId?: ConnectorId;
@@ -75,6 +71,10 @@ export declare function websiteAssetsLoad({ path, websiteId, connectorId }: {
     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;

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

@@ -1,228 +1,43 @@
-import { Config, Plugin } from '@silexlabs/silex-plugins';
-export declare class SilexConfig extends Config {
+import { Config } from '@silexlabs/silex-plugins';
+import { ConnectorId, WebsiteId } from '../types';
+import { EditorConfig } from 'grapesjs';
+/**
+ * @fileoverview Silex client side config
+ */
+export declare class ClientConfig extends Config {
     /**
-     * debug mode
+     * The website to load
+     * This is the id of the website in the storage connector
      */
-    debug: boolean;
+    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;
     /**
      * Grapesjs config
      */
-    grapesJsConfig: {
-        container: string;
-        height: string;
-        showOffsets: boolean;
-        showDevices: boolean;
-        layerManager: {
-            appendTo: string;
-        };
-        blockManager: {
-            appendTo: string;
-        };
-        assetManager: {
-            upload: string;
-        };
-        storageManager: {
-            autoload: boolean;
-            type: string;
-            options: {
-                connector: {
-                    id: string;
-                    connectorId: string;
-                };
-            };
-        };
-        cssIcons: string;
-        plugins: any[];
-        pluginsOpts: {
-            [x: number]: import("./grapesjs/PublicationManager").PublicationManagerOptions | import("./grapesjs/LoginDialog").LoginDialogOptions | {
-                blocks: string[];
-                category: string;
-                panels?: undefined;
-                cmdOpenNewPageDialog?: undefined;
-                cmdOpenSettings?: undefined;
-                appendTo?: undefined;
-                enableCount?: undefined;
-                enablePerformance?: undefined;
-                onError?: undefined;
-                blockLabel?: undefined;
-                blockCustomCode?: undefined;
-                api_key?: undefined;
-            } | {
-                panels: ({
-                    id: string;
-                    className: string;
-                    attributes: {
-                        title: string;
-                        containerClassName?: undefined;
-                    };
-                    link: string;
-                    command: string;
-                    buttons?: undefined;
-                } | {
-                    id: string;
-                    className: string;
-                    attributes: {
-                        title: string;
-                        containerClassName: string;
-                    };
-                    command: string;
-                    link?: undefined;
-                    buttons?: undefined;
-                } | {
-                    id: string;
-                    className: string;
-                    attributes: {
-                        title: string;
-                        containerClassName: string;
-                    };
-                    command: string;
-                    buttons: {
-                        id: string;
-                        className: string;
-                        label: string;
-                        command: string;
-                    }[];
-                    link?: undefined;
-                } | {
-                    id: string;
-                    className: string;
-                    attributes: {
-                        title: string;
-                        containerClassName: string;
-                    };
-                    command: string;
-                    buttons: {
-                        className: string;
-                        command: string;
-                        text: string;
-                    }[];
-                    link?: undefined;
-                } | {
-                    id: string;
-                    className: string;
-                    attributes: {
-                        title: string;
-                        containerClassName?: undefined;
-                    };
-                    command: any;
-                    link?: undefined;
-                    buttons?: undefined;
-                } | {
-                    id: string;
-                    attributes: {
-                        title?: undefined;
-                        containerClassName?: undefined;
-                    };
-                    className: string;
-                    link?: undefined;
-                    command?: undefined;
-                    buttons?: undefined;
-                })[];
-                blocks?: undefined;
-                category?: undefined;
-                cmdOpenNewPageDialog?: undefined;
-                cmdOpenSettings?: undefined;
-                appendTo?: undefined;
-                enableCount?: undefined;
-                enablePerformance?: undefined;
-                onError?: undefined;
-                blockLabel?: undefined;
-                blockCustomCode?: undefined;
-                api_key?: undefined;
-            } | {
-                cmdOpenNewPageDialog: string;
-                cmdOpenSettings: string;
-                appendTo: string;
-                blocks?: undefined;
-                category?: undefined;
-                panels?: undefined;
-                enableCount?: undefined;
-                enablePerformance?: undefined;
-                onError?: undefined;
-                blockLabel?: undefined;
-                blockCustomCode?: undefined;
-                api_key?: undefined;
-            } | {
-                enableCount: boolean;
-                enablePerformance: boolean;
-                blocks?: undefined;
-                category?: undefined;
-                panels?: undefined;
-                cmdOpenNewPageDialog?: undefined;
-                cmdOpenSettings?: undefined;
-                appendTo?: undefined;
-                onError?: undefined;
-                blockLabel?: undefined;
-                blockCustomCode?: undefined;
-                api_key?: undefined;
-            } | {
-                onError: (errors: any) => void;
-                blocks?: undefined;
-                category?: undefined;
-                panels?: undefined;
-                cmdOpenNewPageDialog?: undefined;
-                cmdOpenSettings?: undefined;
-                appendTo?: undefined;
-                enableCount?: undefined;
-                enablePerformance?: undefined;
-                blockLabel?: undefined;
-                blockCustomCode?: undefined;
-                api_key?: undefined;
-            } | {
-                blockLabel: string;
-                blockCustomCode: {
-                    category: string;
-                };
-                blocks?: undefined;
-                category?: undefined;
-                panels?: undefined;
-                cmdOpenNewPageDialog?: undefined;
-                cmdOpenSettings?: undefined;
-                appendTo?: undefined;
-                enableCount?: undefined;
-                enablePerformance?: undefined;
-                onError?: undefined;
-                api_key?: undefined;
-            } | {
-                appendTo: string;
-                blocks?: undefined;
-                category?: undefined;
-                panels?: undefined;
-                cmdOpenNewPageDialog?: undefined;
-                cmdOpenSettings?: undefined;
-                enableCount?: undefined;
-                enablePerformance?: undefined;
-                onError?: undefined;
-                blockLabel?: undefined;
-                blockCustomCode?: undefined;
-                api_key?: undefined;
-            } | {
-                api_key: string;
-                blocks?: undefined;
-                category?: undefined;
-                panels?: undefined;
-                cmdOpenNewPageDialog?: undefined;
-                cmdOpenSettings?: undefined;
-                appendTo?: undefined;
-                enableCount?: undefined;
-                enablePerformance?: undefined;
-                onError?: undefined;
-                blockLabel?: undefined;
-                blockCustomCode?: undefined;
-            };
-        };
-    };
+    grapesJsConfig: EditorConfig;
     /**
      * Client config url
      * This is the url of the config file which is a plugin
      */
     clientConfigUrl: string;
     /**
-     * GrapesJs plugins
+     * Init GrapesJS config which depend on the config file properties
      */
-    grapesJsPlugins: Plugin[];
+    initGrapesConfig(): void;
 }

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

@@ -1,6 +1,8 @@
 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",

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

@@ -1,4 +1,3 @@
-export * from './index';
 export * from './grapesjs/index';
 export * from './config';
 export * as constants from '../constants';

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

@@ -2,6 +2,7 @@ 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";

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

@@ -1,211 +1,5 @@
-import { Editor } from 'grapesjs';
-import { LoginDialogOptions } from './LoginDialog';
-import { PublicationManagerOptions } from './PublicationManager';
+import { Editor, EditorConfig } from 'grapesjs';
 import { ConnectorId, WebsiteId } from '../../types';
-export declare function getEditorConfig(id: WebsiteId, connectorId: ConnectorId, rootUrl: string): {
-    container: string;
-    height: string;
-    showOffsets: boolean;
-    showDevices: boolean;
-    layerManager: {
-        appendTo: string;
-    };
-    blockManager: {
-        appendTo: string;
-    };
-    assetManager: {
-        upload: string;
-    };
-    storageManager: {
-        autoload: boolean;
-        type: string;
-        options: {
-            connector: {
-                id: string;
-                connectorId: string;
-            };
-        };
-    };
-    cssIcons: string;
-    plugins: any[];
-    pluginsOpts: {
-        [x: number]: PublicationManagerOptions | LoginDialogOptions | {
-            blocks: string[];
-            category: string;
-            panels?: undefined;
-            cmdOpenNewPageDialog?: undefined;
-            cmdOpenSettings?: undefined;
-            appendTo?: undefined;
-            enableCount?: undefined;
-            enablePerformance?: undefined;
-            onError?: undefined;
-            blockLabel?: undefined;
-            blockCustomCode?: undefined;
-            api_key?: undefined;
-        } | {
-            panels: ({
-                id: string;
-                className: string;
-                attributes: {
-                    title: string;
-                    containerClassName?: undefined;
-                };
-                link: string;
-                command: string;
-                buttons?: undefined;
-            } | {
-                id: string;
-                className: string;
-                attributes: {
-                    title: string;
-                    containerClassName: string;
-                };
-                command: string;
-                link?: undefined;
-                buttons?: undefined;
-            } | {
-                id: string;
-                className: string;
-                attributes: {
-                    title: string;
-                    containerClassName: string;
-                };
-                command: string;
-                buttons: {
-                    id: string;
-                    className: string;
-                    label: string;
-                    command: string;
-                }[];
-                link?: undefined;
-            } | {
-                id: string;
-                className: string;
-                attributes: {
-                    title: string;
-                    containerClassName: string;
-                };
-                command: string;
-                buttons: {
-                    className: string;
-                    command: string;
-                    text: string;
-                }[];
-                link?: undefined;
-            } | {
-                id: string;
-                className: string;
-                attributes: {
-                    title: string;
-                    containerClassName?: undefined;
-                };
-                command: any;
-                link?: undefined;
-                buttons?: undefined;
-            } | {
-                id: string;
-                attributes: {
-                    title?: undefined;
-                    containerClassName?: undefined;
-                };
-                className: string;
-                link?: undefined;
-                command?: undefined;
-                buttons?: undefined;
-            })[];
-            blocks?: undefined;
-            category?: undefined;
-            cmdOpenNewPageDialog?: undefined;
-            cmdOpenSettings?: undefined;
-            appendTo?: undefined;
-            enableCount?: undefined;
-            enablePerformance?: undefined;
-            onError?: undefined;
-            blockLabel?: undefined;
-            blockCustomCode?: undefined;
-            api_key?: undefined;
-        } | {
-            cmdOpenNewPageDialog: string;
-            cmdOpenSettings: string;
-            appendTo: string;
-            blocks?: undefined;
-            category?: undefined;
-            panels?: undefined;
-            enableCount?: undefined;
-            enablePerformance?: undefined;
-            onError?: undefined;
-            blockLabel?: undefined;
-            blockCustomCode?: undefined;
-            api_key?: undefined;
-        } | {
-            enableCount: boolean;
-            enablePerformance: boolean;
-            blocks?: undefined;
-            category?: undefined;
-            panels?: undefined;
-            cmdOpenNewPageDialog?: undefined;
-            cmdOpenSettings?: undefined;
-            appendTo?: undefined;
-            onError?: undefined;
-            blockLabel?: undefined;
-            blockCustomCode?: undefined;
-            api_key?: undefined;
-        } | {
-            onError: (errors: any) => void;
-            blocks?: undefined;
-            category?: undefined;
-            panels?: undefined;
-            cmdOpenNewPageDialog?: undefined;
-            cmdOpenSettings?: undefined;
-            appendTo?: undefined;
-            enableCount?: undefined;
-            enablePerformance?: undefined;
-            blockLabel?: undefined;
-            blockCustomCode?: undefined;
-            api_key?: undefined;
-        } | {
-            blockLabel: string;
-            blockCustomCode: {
-                category: string;
-            };
-            blocks?: undefined;
-            category?: undefined;
-            panels?: undefined;
-            cmdOpenNewPageDialog?: undefined;
-            cmdOpenSettings?: undefined;
-            appendTo?: undefined;
-            enableCount?: undefined;
-            enablePerformance?: undefined;
-            onError?: undefined;
-            api_key?: undefined;
-        } | {
-            appendTo: string;
-            blocks?: undefined;
-            category?: undefined;
-            panels?: undefined;
-            cmdOpenNewPageDialog?: undefined;
-            cmdOpenSettings?: undefined;
-            enableCount?: undefined;
-            enablePerformance?: undefined;
-            onError?: undefined;
-            blockLabel?: undefined;
-            blockCustomCode?: undefined;
-            api_key?: undefined;
-        } | {
-            api_key: string;
-            blocks?: undefined;
-            category?: undefined;
-            panels?: undefined;
-            cmdOpenNewPageDialog?: undefined;
-            cmdOpenSettings?: undefined;
-            appendTo?: undefined;
-            enableCount?: undefined;
-            enablePerformance?: undefined;
-            onError?: undefined;
-            blockLabel?: undefined;
-            blockCustomCode?: undefined;
-        };
-    };
-};
-export declare function initEditor(config: any, grapesJsPlugins: any): Promise<Editor>;
+export declare function getEditorConfig(id: WebsiteId, connectorId: ConnectorId, rootUrl: string): EditorConfig;
+export declare function initEditor(config: EditorConfig): Promise<Editor>;
 export declare function getEditor(): Editor;

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

@@ -1,3 +1,4 @@
+export * from './expose';
 /**
  * Start Silex, called from host HTML page with window.silex.start()
  */

package/dist/client/constants.d.ts

@@ -4,7 +4,6 @@
 export declare const WEBSITE_DATA_FILE = "website.json";
 export declare const WEBSITE_META_DATA_FILE = "meta.json";
 export declare const DEFAULT_WEBSITE_ID = "default";
-export declare const DEFAULT_CONNECTOR_ID = "";
 export declare const DEFAULT_LANGUAGE = "en";
 export declare const CLIENT_CONFIG_FILE_NAME = "silex.js";
 export declare const API_PATH = "/api";
@@ -24,7 +23,7 @@ export declare const API_WEBSITE_WRITE = "/";
 export declare const API_WEBSITE_CREATE = "/";
 export declare const API_WEBSITE_DELETE = "/";
 export declare const API_WEBSITE_LIST = "/";
-export declare const API_WEBSITE_ASSETS_READ = "assets/:path";
-export declare const API_WEBSITE_ASSETS_WRITE = "assets";
+export declare const API_WEBSITE_ASSET_READ = "/assets";
+export declare const API_WEBSITE_ASSETS_WRITE = "/assets";
 export declare const API_WEBSITE_META_READ = "/meta";
 export declare const API_WEBSITE_META_WRITE = "/meta";

package/dist/client/css/admin.css

@@ -4021,6 +4021,8 @@ form.silex-form .silex-form__group.col2 {
   color: #ddd;
   justify-content: center;
   align-items: center;
+  background-color: #444;
+  z-index: 10;
 }
 
 .silex-main {