Update pages.html

pages.html

@@ -478,29 +478,6 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
 
 
-// Функция для загрузки скриптов
-function loadScript(src, position, callback) {
-  const script = document.createElement('script');
-  script.src = src;
-  script.onload = callback;
-
-  if (position === 'head') {
-    document.head.appendChild(script);
-  } else {
-    document.body.appendChild(script);
-  }
-}
-
-// Инициализация GrapesJS
-const editor = grapesjs.init({
-  container: '#gjs',
-  fromElement: true,
-  height: '100%',
-  storageManager: { autoload: false },
-  plugins: [],
-  pluginsOpts: {}
-});
-
 // Создаем новый тип компонента для формы
 editor.Components.addType('custom-form', {
   model: {
@@ -541,41 +518,53 @@ editor.Components.addType('custom-form', {
           </form>
         </div>
       `,
-      // Скрипт для обработки отправки формы и загрузки скриптов
+      // Скрипт для обработки отправки формы и загрузки зависимостей
       script: function(props) {
-        const form = this.querySelector('#contactForm');
-        const avpInput = form.querySelector('input[name="avp_v"]');
-        const grupInput = form.querySelector('input[name="grup_v"]');
-        const red_urlInput = form.querySelector('input[name="red_url_v"]');        
-        if (avpInput) {
-          avpInput.value = props.avp;
-        }
-        if (grupInput) {
-          grupInput.value = props.grup;
-        }
-        if (red_urlInput) {
-          grupInput.value = props.red_url;
-        }
+        const initForm = () => {
+          const form = this.querySelector('#contactForm');
+          const avpInput = form.querySelector('input[name="avp_v"]');
+          const grupInput = form.querySelector('input[name="grup_v"]');
+          const red_urlInput = form.querySelector('input[name="red_url_v"]');
+          
+          if (avpInput) {
+            avpInput.value = props.avp;
+          }
+          if (grupInput) {
+            grupInput.value = props.grup;
+          }
+          if (red_urlInput) {
+            red_urlInput.value = props.red_url;
+          }
+          
+          console.log('Form initialized with props:', props);
+        };
 
-        // Загрузка скриптов
-        const loadScripts = () => {
-          loadScript('https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js', 'head', function() {
-            console.log('Script 1 loaded in head!');
-          });
+        const loadScript = (src, callback) => {
+          const script = document.createElement('script');
+          script.src = src;
+          script.onload = callback;
+          document.body.appendChild(script);
+        };
 
-          loadScript('https://vk.com/js/api/openapi.js?169', 'head', function() {
-            console.log('Script 2 loaded in head!');
+        // Загружаем необходимые скрипты динамически
+        if (typeof vkBridge === 'undefined') {
+          loadScript('https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js', () => {
+            console.log('VK Bridge loaded!');
+            initForm();
           });
-
-          loadScript('https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js', 'body', function() {
-            console.log('Script 3 loaded in body!');
+        } else {
+          initForm();
+        }
+        
+        if (typeof VK === 'undefined') {
+          loadScript('https://vk.com/js/api/openapi.js?169', () => {
+            console.log('VK Open API loaded!');
           });
-        };
-
-        // Проверка, загружены ли скрипты, и загрузка их при необходимости
-        if (typeof someExtLib == 'undefined') {
-          loadScripts();
         }
+        
+        loadScript('https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js', () => {
+          console.log('Custom script loaded!');
+        });
       },
       // Свойства, которые будут передаваться в скрипт
       'script-props': ['avp', 'grup', 'red_url'],
@@ -610,6 +599,16 @@ editor.Blocks.add('custom-form-block', {
   content: { type: 'custom-form' },
 });
 
+// Инициализация GrapesJS
+const editor = grapesjs.init({
+  container: '#gjs',
+  fromElement: true,
+  height: '100%',
+  storageManager: { autoload: false },
+  plugins: [],
+  pluginsOpts: {}
+});
+