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

package/dist/plugins/client/client/grapesjs/project-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-bar.js","sourceRoot":"","sources":["../../../../../src/ts/client/grapesjs/project-bar.ts"],"names":[],"mappings":"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"}

package/dist/plugins/client/client/grapesjs/rich-text.d.ts

@@ -0,0 +1 @@
+export declare const richTextPlugin: any;

package/dist/plugins/client/client/grapesjs/rich-text.js

@@ -0,0 +1,31 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import * as grapesjs from 'grapesjs/dist/grapes.min.js';
+const pluginName = 'richText';
+export const richTextPlugin = grapesjs.plugins.add(pluginName, (editor, opts) => {
+    editor.RichTextEditor.add('orderedList', {
+        icon: '1.',
+        attributes: { title: 'Ordered List' },
+        result: rte => rte.exec('insertOrderedList'),
+    });
+    editor.RichTextEditor.add('unorderedList', {
+        icon: '<i class="fa fa-list-ul"></i>',
+        attributes: { title: 'Unordered List' },
+        result: rte => rte.exec('insertUnorderedList'),
+    });
+});
+//# sourceMappingURL=rich-text.js.map

package/dist/plugins/client/client/grapesjs/rich-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.js","sourceRoot":"","sources":["../../../../../src/ts/client/grapesjs/rich-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,QAAQ,MAAM,6BAA6B,CAAA;AAEvD,MAAM,UAAU,GAAG,UAAU,CAAA;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;IAC9E,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,aAAa,EAAE;QACvC,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,EAAC,KAAK,EAAE,cAAc,EAAC;QACnC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC;KAC7C,CAAC,CAAA;IACF,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,EAAE;QACzC,IAAI,EAAE,+BAA+B;QACrC,UAAU,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC;QACrC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC;KAC/C,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/plugins/client/client/grapesjs/semantic.d.ts

@@ -0,0 +1 @@
+export declare const semanticPlugin: any;

package/dist/plugins/client/client/grapesjs/semantic.js

@@ -0,0 +1,110 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import { html, render } from 'lit-html';
+import { map } from 'lit-html/directives/map.js';
+import grapesjs from 'grapesjs/dist/grapes.min.js';
+// constants
+const pluginName = 'semantic';
+const tags = [
+    'DIV',
+    'P',
+    'H1',
+    'H2',
+    'H3',
+    'H4',
+    'H5',
+    'H6',
+    'SPAN',
+    'MAIN',
+    'ASIDE',
+    'SECTION',
+    'ADDRESS',
+    'ARTICLE',
+    'BUTTON',
+    'NAV',
+    'HEADER',
+    'FOOTER',
+    'DETAILS',
+    'SUMMARY',
+    'PRE',
+    'BLOCKQUOTE',
+];
+// plugin code
+export const semanticPlugin = grapesjs.plugins.add(pluginName, (editor, opts) => {
+    // Add the new trait to all component types
+    editor.DomComponents.getTypes().map(type => {
+        editor.DomComponents.addType(type.id, {
+            model: {
+                defaults: {
+                    traits: [
+                        // Keep the type original traits
+                        ...editor.DomComponents.getType(type.id).model.prototype.defaults.traits,
+                        // Add the new trait
+                        {
+                            label: 'Tag name',
+                            type: 'tag-name',
+                        },
+                    ]
+                }
+            }
+        });
+    });
+    function doRender(el, tagName) {
+        const tagsWithCurrent = tags.includes(tagName.toUpperCase()) ? tags : tags.concat(tagName.toUpperCase());
+        render(html `
+      <label for="semantic__select" class="gjs-one-bg silex-label">Type</label>
+      <select id="semantic__select" @change=${event => doRender(el, event.target.value)}>
+        ${map(tagsWithCurrent, tag => html `
+          <option value="${tag}" ?selected=${tagName.toUpperCase() === tag}>${tag}</option>
+        `)}
+      </select>
+    `, el);
+    }
+    function doRenderCurrent(el) {
+        doRender(el, editor.getSelected()?.get('tagName') || '');
+    }
+    // Add semantic traits
+    // inspired by https://github.com/olivmonnier/grapesjs-plugin-header/blob/master/src/components.js
+    editor.TraitManager.addType('tag-name', {
+        createInput({ trait }) {
+            // Create a new element container and add some content
+            const el = document.createElement('div');
+            // update the UI when a page is added/renamed/removed
+            editor.on('page', () => doRenderCurrent(el));
+            doRenderCurrent(el);
+            // this will be the element passed to onEvent and onUpdate
+            return el;
+        },
+        // Update the component based on UI changes
+        // `elInput` is the result HTMLElement you get from `createInput`
+        onEvent({ elInput, component, event }) {
+            const value = elInput.querySelector('#semantic__select').value;
+            if (component.get('tagName').toUpperCase() === value.toUpperCase()) {
+                // Already done
+            }
+            else {
+                component.set('tagName', value);
+            }
+        },
+        // Update UI on the component change
+        onUpdate({ elInput, component }) {
+            const tagName = component.get('tagName');
+            doRender(elInput, tagName);
+        },
+    });
+});
+//# sourceMappingURL=semantic.js.map

package/dist/plugins/client/client/grapesjs/semantic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic.js","sourceRoot":"","sources":["../../../../../src/ts/client/grapesjs/semantic.ts"],"names":[],"mappings":"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"}

package/dist/plugins/client/client/grapesjs/settings.d.ts

@@ -0,0 +1,2 @@
+export declare const cmdOpenSettings = "open-settings";
+export declare const settingsDialog: any;

package/dist/plugins/client/client/grapesjs/settings.js

@@ -0,0 +1,197 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import { html, render } from 'lit-html';
+import { live } from 'lit-html/directives/live.js';
+import * as grapesjs from 'grapesjs/dist/grapes.min.js';
+const pluginName = 'settings-dialog';
+const el = document.createElement('div');
+let modal;
+export const cmdOpenSettings = 'open-settings';
+let version = 'v3';
+export const settingsDialog = grapesjs.plugins.add(pluginName, (editor, opts) => {
+    // Display Silex version from package.json
+    try {
+        version = VERSION;
+    }
+    catch (error) {
+        // Cannot get version from webpack (see plugin in webpack.config.js)
+    }
+    console.info('Silex version:', version);
+    editor.Commands.add(cmdOpenSettings, {
+        run: (_, sender, { page }) => {
+            modal = editor.Modal.open({
+                title: page ? 'Page settings' : 'Site Settings',
+                content: '',
+                attributes: { class: 'settings-dialog' },
+            })
+                .onceClose(() => {
+                editor.stopCommand(cmdOpenSettings); // apparently this is needed to be able to run the command several times
+            });
+            displaySettings(editor, opts, page);
+            modal.setContent(el);
+            const form = el.querySelector('form');
+            form.onsubmit = event => {
+                event.preventDefault();
+                saveSettings(editor, opts, page);
+                editor.stopCommand(cmdOpenSettings);
+            };
+            form.querySelector('input')?.focus();
+            return modal;
+        },
+        stop: () => {
+            modal.close();
+        },
+    });
+    // add settings to the website
+    editor.on('storage:start:store', (data) => {
+        data.settings = editor.getModel().get('settings');
+        data.name = editor.getModel().get('name');
+    });
+    editor.on('storage:end:load', (data) => {
+        const model = editor.getModel();
+        model.set('settings', data.settings || {});
+        model.set('name', data.name);
+        updateDom(editor);
+    });
+    editor.on('page', (e) => {
+        editor.Canvas.getFrameEl().addEventListener('load', () => {
+            updateDom(editor);
+        });
+    });
+});
+// Is the model a site or a page?
+function isSite(model) { return !!model.getHtml; }
+function displaySettings(editor, config, model = editor.getModel()) {
+    const settings = model.get('settings') || {};
+    model.set('settings', settings);
+    render(html `
+    <p>The page settings will override site settings, <a href="https://github.com/silexlabs/Silex/wiki/Settings" target="_blank">more info about settings here</a>.</p>
+    <form class="silex-form">
+      <h2>General settings</h2>
+      <div class="silex-form__group col2">
+        <label class="silex-form__element">
+          <h3>${isSite(model) ? 'Site name' : 'Page name'}</h3>
+          <p>${isSite(model) ? 'The project name in the editor, for you and your team.' : 'Label of the page in the editor, and file name of the HTML page.'}</p>
+          <input type="text" name="name" .value=${live(model.get('name') || '')}/>
+        </label>
+        <label class="silex-form__element">
+          <h3>Website language</h3>
+          <p>This is the default language code for this website. Example: en, fr, es...</p>
+          <input type="text" name="lang" .value=${live(settings.lang || '')}/>
+        </label>
+        <label class="silex-form__element">
+          <h3>Title</h3>
+          <p>Title of the browser window, and title in the search engines results. It is used by search engines to find out what your site is talking about. The title should be a maximum of 70 characters long, including spaces.</p>
+          <input type="text" name="title" .value=${live(settings.title || '')}/>
+        </label>
+        <label class="silex-form__element">
+          <h3>Description</h3>
+          <p>Description displayed by the search engines in search results. It is used by search engines to find out what your site is talking about. It is best to keep meta descriptions between 150 and 160 characters.</p>
+          <input type="text" name="description" .value=${live(settings.description || '')}/>
+        </label>
+        <label class="silex-form__element">
+          <h3>Favicon</h3>
+          <p>Small image displayed in the browser's address bar and in tabs. The recommended size is 16×16 or 32×32 pixels. This can be a URL or a relative path.</p>
+          <input type="text" name="favicon" .value=${live(settings.favicon || '')}/>
+        </label>
+      </div>
+      <h2>Social networks sharing</h2>
+      <div>
+        <p>Once your website is live, you can use these tools to test sharing:&nbsp;<a target="_blank" href="https://developers.facebook.com/tools/debug/">Facebook</a>,
+        <a target="_blank" href="https://cards-dev.twitter.com/validator">Twitter</a>,
+        <a target="_blank" href="https://www.linkedin.com/post-inspector/inspect/">Linkedin</a></p>
+      </div>
+      <div class="silex-form__group col2">
+        <label class="silex-form__element">
+          <h3>Title</h3>
+          <p>The title of your website displayed when a user shares your website on a social network.
+        Do not include any branding in this title, just eye-catching phrase, e.g. "Learn everything about fishing".
+        Title should be between 60 and 90 characters long.</p>
+          <input type="text" name="og:title" .value=${live(settings['og:title'] || '')}/>
+        </label>
+        <label class="silex-form__element">
+          <h3>Description</h3>
+          <p>Description displayed when a user shares your website on a social network. Make it catchy, and invite readers to visit your website too, e.g. "Sam's website about fishing, check it out!" Title should be between 60 and 90 characters long.</p>
+          <input type="text" name="og:description" .value=${live(settings['og:description'] || '')}/>
+        </label>
+        <label class="silex-form__element">
+          <h3>Image</h3>
+          <p>Thumbnail image which is displayed when your website is shared on a social network. The optimal size is 1200×627 pixels. At this size, your thumbnail will be big and stand out from the crowd. But do not exceed the 5MB size limit. If you use an image that is smaller than 400 pixels x 209 pixels, it will render as a much smaller thumbnail.</p>
+          <p>Please enter the full URL here, e.g. "http://mysite.com/path/to/image.jpg"</p>
+          <input type="text" name="og:image" .value=${live(settings['og:image'] || '')}/>
+        </label>
+      </div>
+      <h2>Code</h2>
+      <div class="silex-form__group">
+        <label class="silex-form__element">
+          <h3>HTML head</h3>
+          <p>HTML code which will be inserted in the HEAD tag.</p>
+          <textarea name="head" .value=${live(settings.head || '')}></textarea>
+        </label>
+      </div>
+      <footer>
+        <p class="silex-version">Silex ${version}</p>
+        <input class="silex-button" type="button" @click=${e => editor.stopCommand(cmdOpenSettings)} value="Cancel">
+        <input class="silex-button" type="submit" value="Ok">
+      </footer>
+    </form>
+  `, el);
+}
+function saveSettings(editor, config, model = editor.getModel()) {
+    const form = el.querySelector('form');
+    const formData = new FormData(form);
+    const data = Array.from(formData)
+        .reduce((aggregate, [key, value]) => {
+        aggregate[key] = value;
+        return aggregate;
+    }, {});
+    // take the name out to the main model (by design in grapesjs pages)
+    const { name, ...settings } = data;
+    model.set({
+        settings,
+        name,
+    });
+    // save if auto save is on
+    editor.getModel().set('changesCount', editor.getDirtyCount() + 1);
+    // update the DOM
+    updateDom(editor);
+}
+function getHeadContainer(doc, className) {
+    const container = doc.head.querySelector(`.${className}`);
+    if (container) {
+        return container;
+    }
+    const newContainer = doc.createElement('div');
+    newContainer.classList.add(className);
+    doc.head.appendChild(newContainer);
+    return newContainer;
+}
+function updateDom(editor) {
+    const doc = editor.Canvas.getDocument();
+    if (doc) {
+        // Site head
+        getHeadContainer(doc, 'site-head')
+            .innerHTML = editor.getModel().get('settings').head || '';
+        // Pages head
+        getHeadContainer(doc, 'page-head')
+            .innerHTML = editor.Pages.getSelected().get('settings')?.head || '';
+    }
+    else {
+        // No document??
+    }
+}
+//# sourceMappingURL=settings.js.map

package/dist/plugins/client/client/grapesjs/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../../../../src/ts/client/grapesjs/settings.ts"],"names":[],"mappings":"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"}

package/dist/plugins/client/client/grapesjs/storage.d.ts

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

package/dist/plugins/client/client/grapesjs/storage.js

@@ -0,0 +1,124 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import { ConnectorType, ApiError } from '../../types';
+import { websiteLoad, websiteSave } from '../api';
+import { cmdLogin, eventLoggedIn, eventLoggedOut, getCurrentUser, updateUser } from './LoginDialog';
+async function wait(ms) {
+    return new Promise((resolve) => {
+        setTimeout(resolve, ms);
+    });
+}
+export const storagePlugin = (editor) => {
+    editor.Storage.add('connector', {
+        async load(options) {
+            try {
+                const user = await getCurrentUser(editor) ?? await updateUser(editor, ConnectorType.STORAGE, options.connectorId);
+                if (user) {
+                    const data = await websiteLoad({ websiteId: options.id, connectorId: user.storage.connectorId });
+                    return data;
+                }
+                else {
+                    return new Promise((resolve, reject) => {
+                        editor.once(eventLoggedIn, async () => {
+                            try {
+                                editor.StorageManager.setAutosave(false);
+                                const data = await editor.Storage.load(options);
+                                editor.StorageManager.setAutosave(true);
+                                //editor.loadProjectData(data)
+                                resolve(data);
+                            }
+                            catch (err) {
+                                console.error('connectorPlugin load error', err);
+                                reject(err);
+                            }
+                        });
+                        editor.Commands.run(cmdLogin);
+                    });
+                }
+            }
+            catch (err) {
+                console.error('connectorPlugin load error', err);
+                throw err;
+            }
+        },
+        async store(data, options) {
+            try {
+                if (await getCurrentUser(editor)) {
+                    const user = await getCurrentUser(editor);
+                    await websiteSave({ websiteId: options.id, connectorId: user.storage.connectorId, data });
+                }
+                else {
+                    editor.once(eventLoggedIn, () => {
+                        return editor.Storage.save(options);
+                    });
+                    editor.Commands.run(cmdLogin);
+                }
+            }
+            catch (err) {
+                console.error('connectorPlugin store error', err);
+                throw err;
+            }
+        }
+    });
+    // Handle errors
+    editor.on('storage:error:load', (err) => {
+        handleError(err);
+    });
+    editor.on('storage:error:store', (err) => {
+        handleError(err);
+    });
+    editor.on('asset:upload:end', (err) => {
+        editor.store();
+    });
+    editor.on('asset:upload:error', (err) => {
+        handleError(err);
+    });
+    function handleError(_err) {
+        const err = typeof _err === 'string' ? JSON.parse(_err) : _err;
+        console.error('Error with loading or saving website or uploading asset', err, err instanceof ApiError);
+        if (err instanceof ApiError) {
+            console.error('ApiError', err.httpStatusCode, err.message);
+            switch (err.httpStatusCode) {
+                case 404:
+                    return editor.Modal.open({
+                        title: 'Website not found',
+                        content: `This website could not be found.<br><hr>${err.message}`,
+                    });
+                case 403:
+                    return editor.Modal.open({
+                        title: 'Access denied',
+                        content: `You are not allowed to access this website.<br><hr>${err.message}`,
+                    });
+                case 401:
+                    editor.trigger(eventLoggedOut);
+                    return;
+                default:
+                    return editor.Modal.open({
+                        title: 'Error',
+                        content: `An error occured.<br>${err.message}`,
+                    });
+            }
+        }
+        else {
+            return editor.Modal.open({
+                title: 'Error',
+                content: `An error occured.<br>${err.message}`,
+            });
+        }
+    }
+};
+//# sourceMappingURL=storage.js.map

package/dist/plugins/client/client/grapesjs/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","sourceRoot":"","sources":["../../../../../src/ts/client/grapesjs/storage.ts"],"names":[],"mappings":"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"}

package/dist/plugins/client/client/grapesjs/symbolDialogs.d.ts

@@ -0,0 +1,3 @@
+export declare const cmdPromptAddSymbol = "symbol-prompt-add";
+declare const _default: any;
+export default _default;

package/dist/plugins/client/client/grapesjs/symbolDialogs.js

@@ -0,0 +1,36 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import * as grapesjs from 'grapesjs/dist/grapes.min.js';
+import { cmdAddSymbol } from '@silexlabs/grapesjs-symbols';
+export const cmdPromptAddSymbol = 'symbol-prompt-add';
+export default grapesjs.plugins.add(name, (editor, opts) => {
+    function getNext(prefix) {
+        let idx = 1;
+        while (editor.Symbols.find(s => s.get('label') === prefix + idx)) {
+            idx++;
+        }
+        return prefix + idx;
+    }
+    editor.Commands.add(cmdPromptAddSymbol, {
+        run: (_, sender) => {
+            const label = prompt('Label', getNext('Symbol '));
+            const icon = prompt('Icon', 'fa-list');
+            editor.runCommand(cmdAddSymbol, { label, icon });
+        }
+    });
+});
+//# sourceMappingURL=symbolDialogs.js.map

package/dist/plugins/client/client/grapesjs/symbolDialogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbolDialogs.js","sourceRoot":"","sources":["../../../../../src/ts/client/grapesjs/symbolDialogs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,QAAQ,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAErD,eAAe,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;IACzD,SAAS,OAAO,CAAC,MAAM;QACrB,IAAI,GAAG,GAAG,CAAC,CAAA;QACX,OAAM,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,MAAM,GAAG,GAAG,CAAC,EAAE;YAC/D,GAAG,EAAE,CAAA;SACN;QACD,OAAO,MAAM,GAAG,GAAG,CAAA;IACrB,CAAC;IACD,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,EAAE;QACtC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;YACjB,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;YACjD,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;YACtC,MAAM,CAAC,UAAU,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;QAClD,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/plugins/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;