@silexlabs/silex 3.0.0-alpha.50 → 3.0.0-alpha.52

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

@@ -1,6 +1,7 @@
 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';
 /**
  * @fileoverview Silex client side config
@@ -42,4 +43,16 @@ export declare class ClientConfig extends Config {
      * 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>;
+    /**
+     * Add a publication transformer(s)
+     */
+    addPublicationTransformers(transformers: PublicationTransformer | PublicationTransformer[]): void;
 }

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

@@ -1,4 +1,4 @@
-import { ConnectorData, PublicationJobData, PublicationSettings, WebsiteId, WebsiteSettings } from '../../types';
+import { ConnectorData, PublicationJobData, PublicationSettings, WebsiteFile, WebsiteId, WebsiteSettings } from '../../types';
 import { Editor } from 'grapesjs';
 import { PublicationUi } from './PublicationUi';
 /**
@@ -65,11 +65,8 @@ export declare class PublicationManager {
      * This is the command "publish"
      */
     startPublication(): Promise<void>;
-    getFiles(siteSettings: WebsiteSettings): Promise<{
-        html: string;
-        css: string;
-        cssPath: string;
-        htmlPath: string;
-    }[]>;
+    getHtmlFiles(siteSettings: WebsiteSettings): Promise<WebsiteFile[]>;
     trackProgress(): Promise<void>;
+    private setPublicationTransformers;
+    private resetPublicationTransformers;
 }

package/dist/client/client/publication-transformers.d.ts

@@ -0,0 +1,41 @@
+import { Component, CssRule, Editor, ObjectStrings } from 'grapesjs';
+import { ClientSideFile, ClientSideFileType, PublicationData } from '../types';
+/**
+ * Interface for publication transformers
+ * They are added to the config object with config.addPublicationTransformer()
+ */
+export interface PublicationTransformer {
+    renderComponent?(component: Component, toHtml: () => string): string | undefined;
+    renderCssRule?(rule: CssRule, initialRule: () => ObjectStrings): ObjectStrings | undefined;
+    transformFile?(file: ClientSideFile): ClientSideFile;
+    transformPermalink?(path: string, type: ClientSideFileType): string;
+    transformPath?(path: string, type: ClientSideFileType): string;
+}
+export declare function validatePublicationTransformer(transformer: PublicationTransformer): void;
+/**
+ * Alter the components rendering
+ * Exported for unit tests
+ */
+export declare function renderComponents(editor: Editor): void;
+/**
+ * Alter the styles rendering
+ * Exported for unit tests
+ */
+export declare function renderCssRules(editor: Editor): void;
+/**
+ * Transform background image url according to the transformed path of assets
+ */
+export declare function transformBgImage(editor: Editor, style: ObjectStrings): ObjectStrings;
+/**
+ * Transform files
+ * Exported for unit tests
+ */
+export declare function transformFiles(editor: Editor, data: PublicationData): void;
+/**
+ * Transform files paths
+ * Exported for unit tests
+ */
+export declare function transformPermalink(editor: Editor, path: string, type: ClientSideFileType): string;
+export declare function transformPath(editor: Editor, path: string, type: ClientSideFileType): string;
+export declare function resetRenderComponents(editor: Editor): void;
+export declare function resetRenderCssRules(editor: Editor): void;

package/dist/client/css/admin.css

@@ -4374,7 +4374,10 @@ iframe.enable-squeeze.silex-squeeze-left {
   justify-content: center;
   margin-left: 10px;
   margin-right: 10px;
-  line-height: 2;
+  padding-top: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
+  line-height: 1;
   min-width: 100px;
   border: 1px solid #575757;
   background-color: #363636;