@silexlabs/silex 3.0.0-alpha.49 → 3.0.0-alpha.51

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,6 @@ export declare class PublicationManager {
      * This is the command "publish"
      */
     startPublication(): Promise<void>;
-    getFiles(siteSettings: WebsiteSettings): Promise<{
-        html: string;
-        css: string;
-        cssPath: string;
-        htmlPath: string;
-    }[]>;
+    getSiteFiles(siteSettings: WebsiteSettings): Promise<WebsiteFile[]>;
     trackProgress(): Promise<void>;
 }

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

@@ -0,0 +1,41 @@
+import { Component, CssRule, ObjectStrings, Page } from 'grapesjs';
+import { ClientSideFile, PublicationData } from '../types';
+import { ClientConfig } from './config';
+/**
+ * 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;
+    pageToSlug?(page: Page): string;
+    transformFile?(file: ClientSideFile, page: Page | null): ClientSideFile;
+}
+/**
+ * Init publication transformers
+ * Called at startup in the /index.ts file
+ */
+export declare function initPublicationTransformers(config: ClientConfig): Promise<void>;
+/**
+ * Alter the components rendering
+ * Exported for unit tests
+ */
+export declare function transformComponents(config: ClientConfig): void;
+/**
+ * Alter the styles rendering
+ * Exported for unit tests
+ */
+export declare function transformStyles(config: ClientConfig): void;
+/**
+ * Create page slugs
+ * Exported for unit tests
+ */
+export declare function transformPages(config: ClientConfig): void;
+/**
+ * Transform files
+ * Exported for unit tests
+ */
+export declare function transformFiles(config: ClientConfig, data: PublicationData): void;
+export declare function resetTransformComponents(config: ClientConfig): void;
+export declare function resetTransformStyles(config: ClientConfig): void;
+export declare function resetTransformPages(config: ClientConfig): 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;