@silexlabs/silex 3.0.0-alpha.100

package/dist/plugins/client/plugins/client/publicationRenderer.js

@@ -0,0 +1,170 @@
+/*
+ * 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/>.
+ */
+/**
+ * @deprecated
+ * This plugin is deprecated. Use the publication renderer plugin instead.
+ */
+console.warn('This plugin is deprecated. Use the publication renderer plugin instead.');
+throw 'This plugin is deprecated. Use the publication renderer plugin instead.';
+/* Usage:
+  import publicationRenderer from 'https://unpkg.com/@silexlabs/silex@latest/dist/plugins/client/plugins/client/publicationRenderer'
+  await config.addPlugin(publicationRenderer, {
+    css: {
+      frontMatter: true,
+      ext: '.css.liquid',
+      path: '../../../pages'
+    },
+    html: {
+      frontMatter: false,
+      path: '../../../_includes'
+    },
+    assets: {
+      path: '../../../',
+      url: '/',
+    },
+  })
+*/
+import { getPageSlug } from '../../page.js';
+import { onAll } from '../../client/utils.js';
+import { ClientEvent } from '../../client/events.js';
+export default (config, opts = {}) => {
+    const options = {
+        autoHomePage: false,
+        ...opts,
+        html: {
+            frontMatter: false,
+            ext: '.html',
+            url: '/',
+            path: './',
+            ...opts.html,
+        },
+        css: {
+            frontMatter: false,
+            ext: '.css',
+            url: '/css',
+            path: './css',
+            ...opts.css,
+        },
+        assets: {
+            url: '/',
+            path: './',
+            ...opts.assets,
+        },
+    };
+    config.on(ClientEvent.STARTUP_END, ({ editor }) => {
+        editor.on(ClientEvent.PUBLISH_START, () => {
+            // Update assets URL to display outside the editor
+            const assetsFolderUrl = options.assets.url;
+            if (assetsFolderUrl) {
+                // Concat the paths, handles the trailing and leading slashes
+                const publishedUrl = path => `${assetsFolderUrl.replace(/\/+$/, '')}/${path.replace(/^\/+/, '')}`;
+                // New URLs for assets, according to site config
+                onAll(editor, c => {
+                    // Attributes
+                    if (c.get('type') === 'image') {
+                        const src = c.get('src');
+                        c.set('tmp-src', src);
+                        c.set('src', publishedUrl(src));
+                    }
+                    //// Inline styles
+                    //// This is handled by the editor.Css.getAll loop
+                    //const bgUrl = c.getStyle()['background-image']?.match(/url\('(.*)'\)/)?.pop()
+                    //if(bgUrl) {
+                    //  c.set('tmp-bg-url', bgUrl)
+                    //  c.setStyle({
+                    //    ...c.getStyle(),
+                    //    'background-image': `url('${publishedUrl(bgUrl)}')`,
+                    //  })
+                    //}
+                });
+                editor.Css.getAll()
+                    .forEach(c => {
+                    const bgUrl = c.getStyle()['background-image']?.match(/url\('(.*)'\)/)?.pop();
+                    if (bgUrl) {
+                        c.setStyle({
+                            ...c.getStyle(),
+                            'background-image': `url('${publishedUrl(bgUrl)}')`,
+                        });
+                        c.set('tmp-bg-url-css', bgUrl);
+                    }
+                });
+            }
+            editor.Pages.getAll().forEach(page => {
+                if (page.get('type') === 'main' && options?.autoHomePage) {
+                    page.set('slug', 'index');
+                }
+                else {
+                    page.set('slug', getPageSlug(page.get('name') || page.get('type')));
+                }
+            });
+        });
+        editor.on(ClientEvent.PUBLISH_END, () => {
+            const assetsFolderUrl = options.assets.url;
+            // Reset asset URLs
+            if (assetsFolderUrl) {
+                onAll(editor, c => {
+                    if (c.get('type') === 'image' && c.has('tmp-src')) {
+                        c.set('src', c.get('tmp-src'));
+                        c.set('tmp-src');
+                    }
+                    //// This is handled by the editor.Css.getAll loop
+                    //if(c.getStyle()['background-image'] && c.has('tmp-bg-url')) {
+                    //  c.setStyle({
+                    //    ...c.getStyle(),
+                    //    'background-image': `url('${c.get('tmp-bg-url')}')`,
+                    //  })
+                    //  c.set('tmp-bg-url')
+                    //}
+                });
+                editor.Css.getAll()
+                    .forEach(c => {
+                    if (c.has('tmp-bg-url-css')) {
+                        c.setStyle({
+                            ...c.getStyle(),
+                            'background-image': `url('${c.get('tmp-bg-url-css')}')`,
+                        });
+                        c.set('tmp-bg-url-css');
+                    }
+                });
+            }
+        });
+        //editor.on(ClientEvent.PUBLISH_DATA, data => {
+        //  data.pages.forEach((page: Page, idx) => {
+        //    const file = data.files[idx] as ClientSideFile
+        //    console.log('Silex: publication renderer: page', page, file)
+        //    // CSS
+        //    if(file.type === 'css') {
+        //    file.cssPath = file.cssPath.replace(/\.css$/, options.css.ext)
+        //    file.cssPath = options.css.path + file.cssPath
+        //    if (options.css.frontMatter) {
+        //      file.css = `---\npermalink: ${options.css.url}/${page.slug}.css\n---\n${file.css}`
+        //    }
+        //    // HTML
+        //    file.htmlPath = file.htmlPath.replace(/\.html$/, options.html.ext)
+        //    file.htmlPath = options.html.path + file.htmlPath
+        //    if (options.html.frontMatter) {
+        //      file.html = `---\npermalink: ${options.html.url}/${page.slug}.html\n---\n${file.html}`
+        //    }
+        //  })
+        //  data.assets.forEach((asset, idx) => {
+        //    asset.path = options.assets.path + asset.src
+        //    // The rest is handled by the editor.Css.getAll loop
+        //  })
+        //})
+    });
+};
+//# sourceMappingURL=publicationRenderer.js.map

package/dist/plugins/client/plugins/client/publicationRenderer.js.map

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

package/dist/plugins/client/plugins/client/template.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (config: any, opts?: any) => Promise<void>;
+export default _default;

package/dist/plugins/client/plugins/client/template.js

@@ -0,0 +1,183 @@
+/*
+ * 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/>.
+ */
+// Silex serves /clients
+// @ts-ignore
+import { onAll } from '../client/utils.js';
+// @ts-ignore
+import { ClientEvent } from '../client/events.js';
+// You need to serve lit-html at /js/lit-html/
+// @ts-ignore
+import { html, render } from '../js/lit-html/lit-html.js';
+// @ts-ignore
+import { styleMap } from '../js/lit-html/directives/style-map.js';
+const silex = window['silex'];
+const pluginName = 'template';
+const templateType = 'templateType';
+const templateKey = 'template';
+export default async (config, opts = {}) => {
+    config.on(ClientEvent.GRAPESJS_END, () => {
+        const editor = silex.getEditor();
+        // Add the new trait to all component types
+        editor.DomComponents.getTypes().map(type => {
+            const originalType = editor.DomComponents.getType(type.id);
+            editor.DomComponents.addType(type.id, {
+                model: {
+                    defaults: {
+                        traits: [
+                            // Keep the type original traits
+                            ...originalType.model.prototype.defaults.traits,
+                            // Add the new trait
+                            {
+                                label: false,
+                                type: templateType,
+                                name: pluginName,
+                            },
+                        ]
+                    }
+                }
+            });
+        });
+        function doRender(el) {
+            const template = editor.getSelected()?.get(templateKey) || {};
+            const taStyle = opts.styles?.textarea ?? styleMap({
+                backgroundColor: 'var(--darkerPrimaryColor)',
+            });
+            const sepStyle = opts.styles?.sep ?? styleMap({ height: '10px' });
+            const labels = {
+                before: html `<strong>Before</strong> the element`,
+                replace: html `<strong>Replace</strong> the element's children`,
+                after: html `<strong>After</strong> the element`,
+                attributes: html `HTML attributes`,
+                classname: html `CSS classes`,
+                style: html `CSS styles`,
+            };
+            render(html `
+      <div>
+        <h3>Template</h3>
+        <p>This will be inserted in the published version</p>
+      </div>
+      ${['classname', 'attributes', 'style'].map(id => html `
+      <label>
+        ${labels[id]}
+        <input
+          id="template-${id}"
+          .value=${template[id] || ''}
+          style=${taStyle}
+          />
+      </label>
+      `)}
+      ${['before', 'replace', 'after'].map(id => html `
+        <label
+          for="template-${id}"
+          >${labels[id]}</label>
+        <textarea
+          id="template-${id}"
+          style=${taStyle}
+          .value=${template[id] || ''}
+          ></textarea>
+      `)}
+    `, el);
+        }
+        editor.TraitManager.addType(templateType, {
+            createInput({ trait }) {
+                // Create a new element container and add some content
+                const el = document.createElement('div');
+                el.classList.add('gjs-one-bg');
+                // update the UI when a page is added/renamed/removed
+                editor.on('page', () => doRender(el));
+                doRender(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 template = {
+                    before: elInput.querySelector('#template-before').value,
+                    replace: elInput.querySelector('#template-replace').value,
+                    after: elInput.querySelector('#template-after').value,
+                    attributes: elInput.querySelector('#template-attributes').value,
+                    classname: elInput.querySelector('#template-classname').value,
+                    style: elInput.querySelector('#template-style').value,
+                };
+                // Store the new template
+                if (Object.values(template).filter(val => !!val && !!cleanup(val)).length > 0) {
+                    component.set(templateKey, template);
+                }
+                else {
+                    component.set(templateKey);
+                }
+            },
+            // Update UI on the component change
+            onUpdate({ elInput, component }) {
+                doRender(elInput);
+            },
+        });
+        // Make html attribute
+        // Quote strings, no values for boolean
+        function makeAttribute(key, value) {
+            switch (typeof value) {
+                case 'boolean': return value ? key : '';
+                default: return `${key}="${value}"`;
+            }
+        }
+        // Remove empty lines in templates
+        function cleanup(template) {
+            return template
+                // split in lines
+                .split('\n')
+                // remove lines with only spaces
+                .map(line => line.trim())
+                .filter(line => !!line)
+                // put back together
+                .join('\n');
+        }
+        editor.on(ClientEvent.PUBLISH_START, () => {
+            // Insert templates
+            onAll(editor, c => {
+                const template = c.get(templateKey);
+                const toHTML = c.toHTML;
+                const classes = c.getClasses();
+                const before = cleanup(template?.before || '');
+                const replace = cleanup(template?.replace || '');
+                const after = cleanup(template?.after || '');
+                const classname = cleanup(template?.classname || '');
+                const style = cleanup(template?.style || '');
+                const attributes = cleanup(template?.attributes || '');
+                // Store the initial method
+                if (!c.has('tmpHtml'))
+                    c.set('tmpHtml', toHTML);
+                // Override the method
+                c.toHTML = () => {
+                    return `${before}${c.get('tagName') ? `<${c.get('tagName')}
+            ${Object.entries(c.get('attributes')).map(([key, value]) => makeAttribute(key, value)).join(' ')}
+            ${classes.length || classname ? `class="${classes.join(' ')} ${classname}"` : ''}
+            ${attributes}
+            ${style ? `style="${style}"` : ''}
+            >` : ''}${replace || c.getInnerHTML()}${c.get('tagName') ? `</${c.get('tagName')}>` : ''}${after}`;
+                };
+            });
+        });
+        editor.on(ClientEvent.PUBLISH_END, () => {
+            onAll(editor, c => {
+                // Restore the original method
+                c.toHTML = c.get('tmpHtml');
+            });
+        });
+    });
+};
+//# sourceMappingURL=template.js.map

package/dist/plugins/client/plugins/client/template.js.map

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

package/dist/plugins/client/plugins/client/website-info.d.ts

@@ -0,0 +1 @@
+export default function (config: any): Promise<void>;

package/dist/plugins/client/plugins/client/website-info.js

@@ -0,0 +1,72 @@
+/*
+ * 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 { ClientEvent } from '../../client/events.js';
+// Silex plugin
+export default async function (config) {
+    let websiteMeta = null;
+    config.on(ClientEvent.GRAPESJS_START, async () => {
+        // GrapesJs plugin
+        const grapesPlugin = (editor, opts) => {
+            const options = {
+                appendTo: 'commands',
+                ...opts,
+            };
+            editor.on('storage:end:load', async () => {
+                // Get website meta data
+                const { websiteId, connectorId } = options;
+                // Get the website meta data
+                websiteMeta = await config.api.websiteMetaRead({ websiteId, connectorId });
+                displayWebsiteMeta();
+            });
+            return {};
+        };
+        // Add the plugin to the GrapeJS
+        config.grapesJsConfig.plugins.push(grapesPlugin);
+        config.grapesJsConfig.pluginsOpts[grapesPlugin.toString()] = {
+            websiteId: config.websiteId,
+            connectorId: config.storageId,
+        };
+    });
+    config.on(ClientEvent.GRAPESJS_END, async ({ editor }) => {
+        // Detect when the page changes
+        editor.on('page:select', async () => {
+            displayWebsiteMeta();
+        });
+    });
+    // Display the website meta data
+    function displayWebsiteMeta() {
+        // Get or create the container
+        const container = document.querySelector('#gjs-website-meta') ?? (function () {
+            const c = document.createElement('div');
+            c.id = 'gjs-website-meta';
+            c.classList.add('gjs-website-meta');
+            // Add the container to the UI
+            // Add the name of the website in the top bar
+            const topBar = document.querySelector('.gjs-pn-devices-c');
+            topBar?.appendChild(c);
+            return c;
+        })();
+        // Get the current page
+        const currentPage = config.getEditor().Pages?.getSelected();
+        // Display the website meta data
+        container.innerHTML = `
+        ${websiteMeta?.imageUrl ? `<div class="gjs-website-meta-image" style="background: url(${websiteMeta?.imageUrl});"></div>` : ''}
+        <div class="gjs-website-meta-name">${websiteMeta?.name ?? 'Unknown'} | ${currentPage.get('name') ?? currentPage.get('type')}</div>
+      `;
+    }
+}
+//# sourceMappingURL=website-info.js.map

package/dist/plugins/client/plugins/client/website-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"website-info.js","sourceRoot":"","sources":["../../../../../src/ts/plugins/client/website-info.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AASpD,eAAe;AACf,MAAM,CAAC,OAAO,CAAC,KAAK,WAAU,MAAM;IAClC,IAAI,WAAW,GAAuB,IAAI,CAAA;IAC1C,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE;QAC/C,kBAAkB;QAClB,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,IAAiC,EAAE,EAAE;YACjE,MAAM,OAAO,GAAG;gBACd,QAAQ,EAAE,UAAU;gBACpB,GAAG,IAAI;aACc,CAAA;YACvB,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;gBACvC,wBAAwB;gBACxB,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,OAAO,CAAA;gBAC1C,4BAA4B;gBAC5B,WAAW,GAAG,MAAM,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAAA;gBAC1E,kBAAkB,EAAE,CAAA;YACtB,CAAC,CAAC,CAAA;YACF,OAAO,EAAE,CAAA;QACX,CAAC,CAAA;QAED,gCAAgC;QAChC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QAChD,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,GAAG;YAC3D,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,WAAW,EAAE,MAAM,CAAC,SAAS;SAC9B,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE;QACrD,+BAA+B;QAC/B,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,IAAI,EAAE;YAClC,kBAAkB,EAAE,CAAA;QACtB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAGF,gCAAgC;IAChC,SAAS,kBAAkB;QACzB,8BAA8B;QAC9B,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC;YAChE,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YACvC,CAAC,CAAC,EAAE,GAAG,kBAAkB,CAAA;YACzB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;YACnC,8BAA8B;YAC9B,6CAA6C;YAC7C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAA;YAC1D,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;YACtB,OAAO,CAAC,CAAA;QACV,CAAC,CAAC,EAAE,CAAA;QACJ,uBAAuB;QACvB,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,CAAA;QAC3D,gCAAgC;QAChC,SAAS,CAAC,SAAS,GAAG;UAChB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,8DAA8D,WAAW,EAAE,QAAQ,YAAY,CAAC,CAAC,CAAC,EAAE;6CACzF,WAAW,EAAE,IAAI,IAAI,SAAS,MAAM,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC;OAC5H,CAAA;IACL,CAAC;AACH,CAAC"}