@silexlabs/silex 3.0.0-alpha.100

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

@@ -0,0 +1,313 @@
+/*
+ * 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 grapesjs from 'grapesjs';
+import openImport from './openImport';
+/**
+ * @fileoverview This is where grapes config gets created
+ * Handle plugins, options and initialization of the editor
+ */
+// ////////////////////
+// Plugins
+// ////////////////////
+import blocksBasicPlugin from 'grapesjs-blocks-basic';
+import styleFilterPlugin from 'grapesjs-style-filter';
+import formPlugin from 'grapesjs-plugin-forms';
+import codePlugin from 'grapesjs-custom-code';
+import uiSuggestClasses from '@silexlabs/grapesjs-ui-suggest-classes';
+import symbolsPlugin from '@silexlabs/grapesjs-symbols';
+import loadingPlugin from '@silexlabs/grapesjs-loading';
+import fontsDialogPlugin, { cmdOpenFonts } from '@silexlabs/grapesjs-fonts';
+import symbolDialogsPlugin, { cmdPromptAddSymbol } from './symbolDialogs';
+import loginDialogPlugin, { cmdLogout } from './LoginDialog';
+import footerPlugin from './footer';
+import breadcrumbsPlugin from './breadcrumbs';
+import rateLimitPlugin from '@silexlabs/grapesjs-storage-rate-limit';
+import { pagePanelPlugin, cmdTogglePages, cmdAddPage } from './page-panel';
+import { newPageDialog, cmdOpenNewPageDialog } from './new-page-dialog';
+import { projectBarPlugin } from './project-bar';
+import { settingsDialog, cmdOpenSettings } from './settings';
+import { blocksPlugin } from './blocks';
+import { semanticPlugin } from './semantic';
+import { richTextPlugin } from './rich-text';
+import { internalLinksPlugin } from './internal-links';
+import publicationManagerPlugin from './PublicationManager';
+import { storagePlugin } from './storage';
+import { API_PATH, API_WEBSITE_ASSETS_WRITE, API_WEBSITE_PATH } from '../../constants';
+const plugins = [
+    { name: './project-bar', value: projectBarPlugin },
+    { name: './settings', value: settingsDialog },
+    { name: '@silexlabs/grapesjs-fonts', value: fontsDialogPlugin },
+    { name: './new-page-dialog', value: newPageDialog },
+    { name: './page-panel', value: pagePanelPlugin },
+    { name: 'grapesjs-blocks-basic', value: blocksBasicPlugin },
+    { name: './blocks', value: blocksPlugin },
+    { name: './semantic', value: semanticPlugin },
+    { name: './rich-text', value: richTextPlugin },
+    { name: 'grapesjs-style-filter', value: styleFilterPlugin },
+    { name: 'grapesjs-plugin-forms', value: formPlugin },
+    { name: 'grapesjs-custom-code', value: codePlugin },
+    { name: './internal-links', value: internalLinksPlugin },
+    { name: '@silexlabs/grapesjs-ui-suggest-classes', value: uiSuggestClasses },
+    { name: './symbolDialogs', value: symbolDialogsPlugin },
+    { name: '@silexlabs/grapesjs-symbols', value: symbolsPlugin },
+    { name: './PublicationManager', value: publicationManagerPlugin },
+    { name: './storage', value: storagePlugin },
+    { name: './LoginDialog', value: loginDialogPlugin },
+    { name: '@silexlabs/grapesjs-loading', value: loadingPlugin },
+    { name: './breadcrumbs', value: breadcrumbsPlugin },
+    { name: './footer', value: footerPlugin },
+    { name: '@silexlabs/grapesjs-storage-rate-limit', value: rateLimitPlugin },
+];
+// Check that all plugins are loaded correctly
+plugins
+    .filter(p => typeof p.value !== 'function')
+    .forEach(p => {
+    throw new Error(`Plugin ${p.name} could not be loaded correctly (${p.value})`);
+});
+// Constants
+const PRIMARY_COLOR = '#333333';
+const SECONDARY_COLOR = '#ddd';
+const TERTIARY_COLOR = '#8873FE';
+const QUATERNARY_COLOR = '#A291FF';
+const DARKER_PRIMARY_COLOR = '#363636';
+const LIGHTER_PRIMARY_COLOR = '#575757';
+// ////////////////////
+// Config
+// ////////////////////
+const catBasic = 'Containers';
+const catComponents = 'Components';
+export function getEditorConfig(id, connectorId, rootUrl) {
+    return {
+        container: '#gjs',
+        height: '100%',
+        showOffsets: true,
+        showDevices: true,
+        //pageManager: {},
+        layerManager: {
+            appendTo: '.layer-manager-container',
+        },
+        blockManager: {
+            appendTo: '.block-manager-container',
+        },
+        assetManager: {
+            upload: `${rootUrl}${API_PATH}${API_WEBSITE_PATH}${API_WEBSITE_ASSETS_WRITE}/?websiteId=${id}${connectorId ? `&connectorId=${connectorId}` : ''}`,
+        },
+        storageManager: {
+            autoload: false,
+            type: 'connector',
+            options: {
+                connector: {
+                    id,
+                    connectorId,
+                },
+            },
+        },
+        cssIcons: './css/all.min.css',
+        canvasCss: `
+      :root {
+        --primaryColor: ${PRIMARY_COLOR};
+        --secondaryColor: ${SECONDARY_COLOR};
+        --tertiaryColor: ${TERTIARY_COLOR};
+        --quaternaryColor: ${QUATERNARY_COLOR};
+        --darkerPrimaryColor: ${DARKER_PRIMARY_COLOR};
+        --lighterPrimaryColor: ${LIGHTER_PRIMARY_COLOR};
+      }
+      .gjs-frame-selected {
+        box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.5) !important; // Change to red border
+      }
+      .gjs-selected {
+        outline: 2px solid var(--tertiaryColor) !important;
+        outline-offset: -2px;
+      }
+    `,
+        plugins: plugins.map(p => p.value),
+        pluginsOpts: {
+            [blocksBasicPlugin]: {
+                blocks: ['text', 'image', 'video', 'map'],
+                category: catBasic,
+                //flexGrid: true,
+            },
+            [projectBarPlugin]: {
+                panels: [
+                    {
+                        id: 'dash',
+                        className: 'logo',
+                        attributes: { title: 'Dashboard' },
+                        command: () => {
+                            window.location.href = '/';
+                        },
+                    }, {
+                        id: 'block-manager-btn',
+                        className: 'block-manager-btn fa fa-fw fa-plus',
+                        attributes: { title: 'Blocks', containerClassName: 'block-manager-container', },
+                        command: 'open-blocks',
+                    }, {
+                        id: 'symbols-btn',
+                        className: 'symbols-btn fa-regular fa-gem',
+                        attributes: { title: 'Symbols', containerClassName: 'symbols-list-container', },
+                        command: 'open-symbols',
+                        buttons: [
+                            {
+                                id: 'symbol-create-button',
+                                className: 'pages__add-page fa-solid fa-plus',
+                                label: 'Create symbol from selection',
+                                command: cmdPromptAddSymbol,
+                            },
+                        ],
+                    }, {
+                        id: 'page-panel-btn',
+                        className: 'page-panel-btn fa fa-fw fa-file',
+                        attributes: { title: 'Pages', containerClassName: 'page-panel-container', },
+                        command: cmdTogglePages,
+                        buttons: [{
+                                className: 'pages__add-page fa fa-file',
+                                command: cmdAddPage,
+                                text: '+',
+                            }],
+                    }, {
+                        id: 'layer-manager-btn',
+                        className: 'layer-manager-btn fa-solid fa-layer-group',
+                        attributes: { title: 'Layers', containerClassName: 'layer-manager-container', },
+                        command: 'open-layers',
+                    }, {
+                        id: 'font-dialog-btn',
+                        className: 'font-manager-btn fa-solid fa-font',
+                        attributes: { title: 'Fonts' },
+                        command: () => {
+                            editor.runCommand(cmdOpenFonts);
+                        },
+                    }, {
+                        id: 'settings-dialog-btn',
+                        className: 'page-panel-btn fa-solid fa-gears',
+                        attributes: { title: 'Settings' },
+                        command: cmdOpenSettings,
+                    }, {
+                        id: 'spacer',
+                        attributes: {},
+                        className: 'project-bar-spacer',
+                    }, {
+                        id: 'dash2',
+                        className: 'fa-solid fa-house',
+                        attributes: { title: 'Dashboard' },
+                        command: () => {
+                            window.location.href = '/';
+                        },
+                    }, {
+                        id: 'help',
+                        className: 'fa fa-fw fa-question-circle',
+                        attributes: { title: 'Documentation' },
+                        command: () => {
+                            window.open('https://docs.silex.me/', '_blank');
+                        },
+                    }, {
+                        id: 'logout-button',
+                        className: 'page-panel-btn fa fa-fw fa-sign-out',
+                        attributes: { title: 'Sign out' },
+                        command: cmdLogout,
+                    },
+                ],
+            },
+            [publicationManagerPlugin]: {
+                appendTo: 'options',
+                websiteId: id,
+            },
+            [pagePanelPlugin]: {
+                cmdOpenNewPageDialog,
+                cmdOpenSettings,
+                appendTo: '.page-panel-container',
+            },
+            [uiSuggestClasses]: {
+                enableCount: false,
+                enablePerformance: false,
+            },
+            [internalLinksPlugin]: {
+                // FIXME: warn the user about links in error
+                onError: (errors) => console.warn('Links errors:', errors),
+            },
+            [codePlugin]: {
+                blockLabel: 'HTML',
+                blockCustomCode: {
+                    category: catComponents,
+                }
+            },
+            [symbolsPlugin]: {
+                appendTo: '.symbols-list-container',
+                emptyText: 'No symbol yet.',
+                primaryColor: PRIMARY_COLOR,
+                secondaryColor: SECONDARY_COLOR,
+                highlightColor: TERTIARY_COLOR,
+            },
+            [fontsDialogPlugin]: {
+                api_key: 'AIzaSyAdJTYSLPlKz4w5Iqyy-JAF2o8uQKd1FKc',
+            },
+            [loginDialogPlugin]: {
+                id,
+            },
+            [rateLimitPlugin]: {
+                time: 5000,
+            },
+        },
+    };
+}
+// ////////////////////
+// Initialize editor
+// ////////////////////
+// Keep a ref to the editor singleton
+let editor;
+export async function initEditor(config) {
+    if (editor)
+        throw new Error('Grapesjs editor already created');
+    return new Promise((resolve, reject) => {
+        try {
+            editor = grapesjs.init(config);
+        }
+        catch (e) {
+            console.error('Error initializing GrapesJs with plugins:', plugins, e);
+            reject(e);
+        }
+        // customize the editor
+        ['text']
+            .forEach(id => editor.Blocks.get(id)?.set('category', 'Basics'));
+        ['image', 'video']
+            .forEach(id => editor.Blocks.get(id)?.set('category', 'Media'));
+        ['map']
+            .forEach(id => editor.Blocks.get(id)?.set('category', 'Components'));
+        editor.Blocks.render([]);
+        editor.Commands.add('gjs-open-import-webpage', openImport(editor, {
+            modalImportLabel: '',
+            modalImportContent: 'Paste a web page HTML code here.',
+            modalImportButton: 'Import',
+            modalImportTitle: 'Import from website',
+        }));
+        editor.on('load', () => {
+            // remove blocks and layers buttons from the properties
+            editor.Panels.getPanel('views').buttons.remove('open-blocks');
+            editor.Panels.getPanel('views').buttons.remove('open-layers');
+            editor.Panels.getPanel('views').view.el.firstChild.style.justifyContent = 'initial'; // align left
+            editor.Panels.getPanel('options').buttons.remove('export-template');
+            editor.BlockManager.render(null);
+            // use the style filter plugin
+            editor.StyleManager.addProperty('extra', { extend: 'filter' });
+            // GrapesJs editor is ready
+            resolve(editor);
+        });
+    });
+}
+export function getEditor() {
+    return editor;
+}
+//# sourceMappingURL=index.js.map

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

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

package/dist/plugins/client/client/grapesjs/internal-links.d.ts

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

package/dist/plugins/client/client/grapesjs/internal-links.js

@@ -0,0 +1,219 @@
+/*
+ * 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 { getPageLink } from '../../page';
+// constants
+const pluginName = 'internal-links';
+const options = [
+    { id: '', name: '-' },
+    { id: 'url', name: 'URL' },
+    { id: 'email', name: 'Email' },
+    { id: 'page', name: 'Page' },
+];
+// plugin code
+export const internalLinksPlugin = (editor, opts) => {
+    // update links when a page link changes
+    function onAll(cbk) {
+        editor.Pages.getAll()
+            .forEach(page => {
+            page.getMainComponent()
+                .onAll(cbk);
+        });
+    }
+    editor.on('page', ({ event, page }) => {
+        if (!page)
+            return; // fixes UT
+        switch (event) {
+            case 'change:name':
+                // update all links to this page
+                onAll(component => {
+                    if (component.getAttributes().href === getPageLink(page.previous('name'))) {
+                        component.setAttributes({
+                            href: getPageLink(page.get('name')),
+                        });
+                    }
+                });
+                break;
+            case 'remove':
+                // mark all links as issues
+                const issues = [];
+                onAll(component => {
+                    console.log(component.getAttributes().href, getPageLink(page.previous('name')), page.previous('name'));
+                    if (component.getAttributes().href === getPageLink(page.previous('name'))) {
+                        issues.push(component);
+                    }
+                });
+                opts?.onError(issues);
+                break;
+        }
+    });
+    // utility functions to render the UI
+    function getUi(type, href) {
+        switch (type) {
+            case 'email':
+                const mailTo = href.replace('mailto:', '').split('?');
+                const email = mailTo[0];
+                const params = (mailTo[1] || '').split('&').reduce((acc, item) => {
+                    const items = item.split('=');
+                    acc[items[0]] = items[1];
+                    return acc;
+                }, {});
+                return html `<div class="href-next__email-inputs">
+            <label for="href-next__email" class="gjs-one-bg silex-label">Email address</label>
+            <input class="href-next__email" placeholder="Insert email" type="email" value=${email || ''}/>
+            <label for="href-next__email-subject" class="gjs-one-bg silex-label">Subject</label>
+            <input class="href-next__email-subject" placeholder="Insert subject" value=${params.subject || ''}/>
+          </div>`;
+            case 'page':
+                return html `<div class="href-next__page-inputs">
+            <label for="href-next__page" class="gjs-one-bg silex-label">Page name</label>
+            <select id="href-next__page" class="href-next__page">
+              ${map(editor.Pages.getAll(), page => html `<option
+                  ?selected=${getPageLink(page.getName()) === href}
+                  value=${getPageLink(page.getName())}>
+                    ${page.getName() || 'Main'}
+                </option>`)}
+            </select>
+          </div>`;
+            case 'url':
+                return html `<div class="href-next__url-inputs">
+          <label for="href-next__url" class="gjs-one-bg silex-label">URL</label>
+          <input class="href-next__url" placeholder="Insert URL" type="url" value=${href}/>
+        </div>`;
+            default:
+                return '';
+        }
+    }
+    function getDefaultHref(type) {
+        switch (type) {
+            case 'email': return 'mailto:';
+            case 'page': return getPageLink(null);
+            case 'url': return 'https://';
+        }
+    }
+    function doRender(el, href = '') {
+        const type = getType(href);
+        const ui = getUi(type, href);
+        render(html `
+      <label for="href-next__type" class="gjs-one-bg silex-label">Type</label>
+      <select id="href-next__type" class="href-next__type" @change=${event => doRender(el, getDefaultHref(event.target.value))}>
+        ${map(options, opt => html `
+          <option value="${opt.id}" ?selected=${type === opt.id}>${opt.name}</option>
+        `)}
+      </select>
+      ${ui}
+    `, el);
+    }
+    function getType(href) {
+        if (href.indexOf('mailto:') === 0) {
+            return 'email';
+        }
+        else if (href.indexOf('./') === 0) {
+            return 'page';
+        }
+        else if (href) {
+            return 'url';
+        }
+        return '';
+    }
+    function doRenderCurrent(el) {
+        doRender(el, editor.getSelected()?.getAttributes().href || '');
+    }
+    // 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
+                            // Filter original href trait
+                            .filter(trait => trait.name ? trait.name !== 'href' : trait !== 'href'),
+                        // Add the new trait
+                        {
+                            label: 'Link',
+                            type: 'href-next',
+                            name: 'href',
+                        },
+                    ]
+                }
+            }
+        });
+    });
+    editor.TraitManager.addType('href-next', {
+        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 inputType = elInput.querySelector('.href-next__type');
+            let href = '';
+            // Compute the new HREF value
+            switch (inputType.value) {
+                case 'page':
+                    const valPage = elInput.querySelector('.href-next__page')?.value;
+                    href = valPage || getDefaultHref('page');
+                    break;
+                case 'url':
+                    const valUrl = elInput.querySelector('.href-next__url')?.value;
+                    href = valUrl || getDefaultHref('url');
+                    break;
+                case 'email':
+                    const valEmail = elInput.querySelector('.href-next__email')?.value;
+                    const valSubj = elInput.querySelector('.href-next__email-subject')?.value;
+                    href = valEmail ? `mailto:${valEmail}${valSubj ? `?subject=${valSubj}` : ''}` : getDefaultHref('email');
+                    break;
+                default:
+                    href = '';
+            }
+            // Store the new HREF value
+            component.addAttributes({ href });
+            // Handle the tag name
+            if (href === '') {
+                // Not a link
+                if (component.get('tagName').toUpperCase() === 'A') {
+                    // Retrieve the original stored value
+                    const original = component.get('originalTagName') ?? 'DIV';
+                    // Case of the inline A tags inserted by the text bar
+                    const value = original.toUpperCase() === 'A' ? 'SPAN' : original;
+                    component.set('tagName', value);
+                }
+            }
+            else {
+                // Link
+                if (component.get('tagName').toUpperCase() !== 'A') {
+                    component.set('originalTagName', component.get('tagName'));
+                    component.set('tagName', 'A');
+                }
+            }
+        },
+        // Update UI on the component change
+        onUpdate({ elInput, component }) {
+            const href = component.getAttributes().href || '';
+            doRender(elInput, href);
+        },
+    });
+};
+//# sourceMappingURL=internal-links.js.map

package/dist/plugins/client/client/grapesjs/internal-links.js.map

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

package/dist/plugins/client/client/grapesjs/new-page-dialog.d.ts

@@ -0,0 +1,2 @@
+export declare const cmdOpenNewPageDialog = "new-page-dialog";
+export declare const newPageDialog: any;

package/dist/plugins/client/client/grapesjs/new-page-dialog.js

@@ -0,0 +1,83 @@
+/*
+ * 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 { html, render } from 'lit-html';
+import { live } from 'lit-html/directives/live.js';
+const name = 'new-page-dialog';
+const el = document.createElement('div');
+let modal;
+export const cmdOpenNewPageDialog = 'new-page-dialog';
+export const newPageDialog = grapesjs.plugins.add(name, (editor, opts) => {
+    editor.Commands.add(cmdOpenNewPageDialog, {
+        run: (_, sender, { page }) => {
+            modal = editor.Modal.open({
+                title: 'New Page',
+                content: '',
+                attributes: { class: 'new-page-dialog' },
+            })
+                .onceClose(() => {
+                editor.stopCommand(cmdOpenNewPageDialog); // apparently this is needed to be able to run the command several times
+            });
+            displayDialog(editor, opts, page);
+            modal.setContent(el);
+            const form = el.querySelector('form');
+            form.onsubmit = event => {
+                event.preventDefault();
+                saveDialog(editor, opts, page);
+                editor.stopCommand(cmdOpenNewPageDialog);
+            };
+            form.querySelector('input')?.focus();
+            return modal;
+        },
+        stop: () => {
+            modal.close();
+            // el.innerHTML = ''
+        },
+    });
+});
+function onImport(editor, page) {
+    editor.Pages.select(page);
+    editor.runCommand('gjs-open-import-webpage');
+}
+function displayDialog(editor, config, page) {
+    render(html `
+    <form class="silex-form">
+      <label class="silex-form__element">
+        <h3>Name</h3>
+        <input type="text" name="name" .value=${live(page.getName() || '')}/>
+      </label>
+      <footer>
+        <input class="silex-button" type="button" @click=${e => onImport(editor, page)} value="Import from website">
+        <input class="silex-button" type="button" @click=${e => editor.stopCommand(cmdOpenNewPageDialog)} value="Cancel">
+        <input class="silex-button" type="submit" value="Ok">
+      </footer>
+    </form>
+  `, el);
+}
+function saveDialog(editor, config, page) {
+    const form = el.querySelector('form');
+    const formData = new FormData(form);
+    const data = Array.from(formData)
+        .reduce((aggregate, [key, value]) => {
+        aggregate[key] = value;
+        return aggregate;
+    }, {});
+    page.set(data);
+    // save if auto save is on
+    editor.getModel().set('changesCount', editor.getDirtyCount() + 1);
+}
+//# sourceMappingURL=new-page-dialog.js.map

package/dist/plugins/client/client/grapesjs/new-page-dialog.js.map

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