From 949ee84e5287498b0319f6b61e22151d2e14941b Mon Sep 17 00:00:00 2001
From: Kaleniuk <mr.kalinuk@gmail.com>
Date: Wed, 26 Nov 2025 13:05:38 +0200
Subject: [PATCH] fix

---
 packages/core/index.html | 242 ++++++++++-----------------------------
 1 file changed, 63 insertions(+), 179 deletions(-)

diff --git a/packages/core/index.html b/packages/core/index.html
index 4dec97398..6dfc5ba11 100755
--- a/packages/core/index.html
+++ b/packages/core/index.html
@@ -81,196 +81,80 @@
     </div>
 
     <script type="text/javascript">
-      const editortest = grapesjs.init({
-        headless: true,
-        projectData: {
-          pages: [
+      var editor = grapesjs.init({
+        showOffsets: 1,
+        noticeOnUnload: 0,
+        container: '#gjs',
+        height: '100%',
+        fromElement: true,
+        storageManager: { autoload: 0 },
+        styleManager: {
+          sectors: [
             {
-              frames: [
-                {
-                  component: {
-                    type: 'wrapper',
-                    stylable: [
-                      'background',
-                      'background-color',
-                      'background-image',
-                      'background-repeat',
-                      'background-attachment',
-                      'background-position',
-                      'background-size',
-                    ],
-                    attributes: {
-                      id: 'body',
-                    },
-                    components: [
-                      {
-                        tagName: 'section',
-                        components: [
-                          {
-                            tagName: 'h1',
-                            type: 'text',
-                            attributes: {
-                              id: 'main-title',
-                            },
-                            components: [
-                              {
-                                type: 'textnode',
-                                content: 'This is a simple title',
-                              },
-                            ],
-                          },
-                          {
-                            type: 'text',
-                            components: [
-                              {
-                                type: 'textnode',
-                                content: 'This is just a Lorem text: Lorem ipsum dolor sit amet',
-                              },
-                            ],
-                          },
-                        ],
-                      },
-                    ],
-                  },
-                },
+              name: 'General',
+              open: false,
+              buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom'],
+            },
+            {
+              name: 'Flex',
+              open: false,
+              buildProps: [
+                'flex-direction',
+                'flex-wrap',
+                'justify-content',
+                'align-items',
+                'align-content',
+                'order',
+                'flex-basis',
+                'flex-grow',
+                'flex-shrink',
+                'align-self',
               ],
-              id: 'ljc0blhC1ZeiCYyY',
             },
             {
-              frames: [
-                {
-                  component: {
-                    type: 'wrapper',
-                    stylable: [
-                      'background',
-                      'background-color',
-                      'background-image',
-                      'background-repeat',
-                      'background-attachment',
-                      'background-position',
-                      'background-size',
-                    ],
-                    attributes: {
-                      id: 'body',
-                    },
-                    components: [
-                      {
-                        tagName: 'section',
-                        components: [
-                          {
-                            tagName: 'h1',
-                            type: 'text',
-                            attributes: {
-                              id: 'main-title',
-                            },
-                            components: [
-                              {
-                                type: 'textnode',
-                                content: 'This is another title',
-                              },
-                            ],
-                          },
-                          {
-                            type: 'text',
-                            components: [
-                              {
-                                type: 'textnode',
-                                content: 'Some other text',
-                              },
-                            ],
-                          },
-                        ],
-                      },
-                    ],
-                  },
-                },
+              name: 'Dimension',
+              open: false,
+              buildProps: ['width', 'height', 'max-width', 'min-height', 'margin', 'padding'],
+            },
+            {
+              name: 'Typography',
+              open: false,
+              buildProps: [
+                'font-family',
+                'font-size',
+                'font-weight',
+                'letter-spacing',
+                'color',
+                'line-height',
+                'text-shadow',
               ],
-              id: '1zKkQnGVzy8nKXKE',
+            },
+            {
+              name: 'Decorations',
+              open: false,
+              buildProps: [
+                'border-radius-c',
+                'background-color',
+                'border-radius',
+                'border',
+                'box-shadow',
+                'background',
+              ],
+            },
+            {
+              name: 'Extra',
+              open: false,
+              buildProps: ['transition', 'perspective', 'transform'],
             },
           ],
         },
       });
 
-      let pages = editortest.Pages.getAll().map((page) => {
-        const component = page.getMainComponent();
-        return editortest.getHtml({ component });
+      editor.BlockManager.add('testBlock', {
+        label: 'Block',
+        attributes: { class: 'gjs-fonts gjs-f-b1' },
+        content: `<div style="padding-top:50px; padding-bottom:50px; text-align:center">Test block</div>`,
       });
-
-      console.log(pages);
-      // var editor = grapesjs.init({
-      //   showOffsets: 1,
-      //   noticeOnUnload: 0,
-      //   container: '#gjs',
-      //   height: '100%',
-      //   fromElement: true,
-      //   storageManager: { autoload: 0 },
-      //   styleManager: {
-      //     sectors: [
-      //       {
-      //         name: 'General',
-      //         open: false,
-      //         buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom'],
-      //       },
-      //       {
-      //         name: 'Flex',
-      //         open: false,
-      //         buildProps: [
-      //           'flex-direction',
-      //           'flex-wrap',
-      //           'justify-content',
-      //           'align-items',
-      //           'align-content',
-      //           'order',
-      //           'flex-basis',
-      //           'flex-grow',
-      //           'flex-shrink',
-      //           'align-self',
-      //         ],
-      //       },
-      //       {
-      //         name: 'Dimension',
-      //         open: false,
-      //         buildProps: ['width', 'height', 'max-width', 'min-height', 'margin', 'padding'],
-      //       },
-      //       {
-      //         name: 'Typography',
-      //         open: false,
-      //         buildProps: [
-      //           'font-family',
-      //           'font-size',
-      //           'font-weight',
-      //           'letter-spacing',
-      //           'color',
-      //           'line-height',
-      //           'text-shadow',
-      //         ],
-      //       },
-      //       {
-      //         name: 'Decorations',
-      //         open: false,
-      //         buildProps: [
-      //           'border-radius-c',
-      //           'background-color',
-      //           'border-radius',
-      //           'border',
-      //           'box-shadow',
-      //           'background',
-      //         ],
-      //       },
-      //       {
-      //         name: 'Extra',
-      //         open: false,
-      //         buildProps: ['transition', 'perspective', 'transform'],
-      //       },
-      //     ],
-      //   },
-      // });
-
-      // editor.BlockManager.add('testBlock', {
-      //   label: 'Block',
-      //   attributes: { class: 'gjs-fonts gjs-f-b1' },
-      //   content: `<div style="padding-top:50px; padding-bottom:50px; text-align:center">Test block</div>`,
-      // });
     </script>
   </body>
 </html>