@social-mail/social-mail-client 1.0.113 → 1.0.115

package/content/editor/edit.html

@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html>
+    <style>
+        html, body {
+            height: 100%;
+            width: 100%;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+        }
+    </style>
+    <body>
+        <link href="https://cdn.jsdelivr.net/npm/grapesjs@0.21.7/dist/css/grapes.min.css" rel="stylesheet"/>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs@0.21.7/dist/grapes.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-preset-webpage@1.0.3/dist/index.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-preset-webpage@1.0.2"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-blocks-basic@1.0.1"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-plugin-forms@2.0.5"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-component-countdown@1.0.1"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-plugin-export@1.0.11"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-tabs@1.0.6"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-custom-code@1.0.1"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-touch@0.1.1"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-parser-postcss@1.0.1"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-tooltip@0.1.7"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-tui-image-editor@0.1.3"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-typed@1.0.5"></script>
+        <script src="https://cdn.jsdelivr.net/npm/grapesjs-style-bg@2.0.1"></script>
+
+        <div id="gjs">
+            Loading ....
+        </div>
+
+        <script type="text/javascript">
+        (() => {
+            window.editor = grapesjs.init({
+                container: '#gjs',
+                fromElement: true,
+                showOffsets: true,
+                storageManager: false,
+                plugins: [
+                    "gjs-blocks-basic",
+                    'grapesjs-component-countdown',
+                    'grapesjs-plugin-export',
+                    'grapesjs-tabs',
+                    'grapesjs-custom-code',
+                    'grapesjs-touch',
+                    'grapesjs-parser-postcss',
+                    'grapesjs-tooltip',
+                    'grapesjs-tui-image-editor',
+                    'grapesjs-typed',
+                    'grapesjs-style-bg',
+                    'grapesjs-preset-webpage',
+                ],
+                height: "100%",
+                width: "100%",
+                pluginsOpts: {
+                    'grapesjs-tui-image-editor': {
+                        script: [
+                        // 'https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.7/fabric.min.js',
+                        'https://uicdn.toast.com/tui.code-snippet/v1.5.2/tui-code-snippet.min.js',
+                        'https://uicdn.toast.com/tui-color-picker/v2.2.7/tui-color-picker.min.js',
+                        'https://uicdn.toast.com/tui-image-editor/v3.15.2/tui-image-editor.min.js'
+                        ],
+                        style: [
+                        'https://uicdn.toast.com/tui-color-picker/v2.2.7/tui-color-picker.min.css',
+                        'https://uicdn.toast.com/tui-image-editor/v3.15.2/tui-image-editor.min.css',
+                        ],
+                    },
+                    'grapesjs-tabs': {
+                        tabsBlock: { category: 'Extra' }
+                    },
+                    'grapesjs-typed': {
+                        block: {
+                        category: 'Extra',
+                        content: {
+                            type: 'typed',
+                            'type-speed': 40,
+                            strings: [
+                            'Text row one',
+                            'Text row two',
+                            'Text row three',
+                            ],
+                        }
+                        }
+                    },
+                    'grapesjs-preset-webpage': {
+                    }
+                },
+                assetManager: {
+                    custom: true,
+                    assets: []
+                }
+            });
+
+            const assetMap = new Map();
+            let newId = 1;
+
+            const callParentMethod = (method, ... args) => {
+                return new Promise((resolve, reject) => {
+                    const id = newId++;
+                    assetMap.set(id, { resolve, reject });
+                    window.parent.postMessage({ id, method, args });
+                });
+            };
+
+
+            window.editor.on("asset:custom", (props) => {
+                if (!props.open) {
+                    return;
+                }
+                console.log(props);
+                (callParentMethod("selectFile")).then(
+                    (file) => {
+                        props.select(file, true);
+                    },
+                    (error) => {
+                        console.error(error);
+                        props.close();
+                    }
+                );
+            });
+
+            window.addEventListener("message", (e) => {
+                const {
+                    id,
+                    showHtml,
+                    result,
+                    error
+                } = e.data;
+
+                if (showHtml) {
+                    window.editor.setComponents(showHtml);
+                    return;
+                }
+                if (!id) {
+                    return;
+                }
+                const pending = assetMap.get(id);
+                if (!pending) {
+                    return;
+                }
+                const { resolve, reject } = pending;
+                assetMap.delete(id);
+                if (result) {
+                    resolve(result);
+                    return;
+                }
+                if (error) {
+                    reject(error);
+                    return;
+                }
+            });
+
+            window.parent.postMessage({ ready: true });
+        })();
+        </script>
+    </body>
+</html>

package/content/templates/plain/index.html

@@ -0,0 +1,32 @@
+<html>
+    <head>
+        <title>Main Page</title>
+        <style>
+            * {
+                box-sizing: border-box;
+            }
+            body {
+                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+            }
+        </style>
+    </head>
+    <body>
+        <div styler-layout="block">
+            <div
+                styler-layout="floating-nav-bar"
+                styler-background-color="header"
+                styler-color="header"
+                styler-backdrop-filter="blur"
+                styler-box-shadow="default">
+                <h1>Social Mail</h1>
+                <nav>
+                    <a>Home</a>
+                    <a>Features</a>
+                </nav>
+            </div>
+            <div styler-layout="column">
+                <p>Simple Web Site</p>
+            </div>
+        </div>
+    </body>
+</html>