import domInit from './domInit';

import { pjaxReload, siteRefresh } from './refresh';

import { cloudflareInit } from '../components/cloudflare';

import { BODY, CONFIG, pjax, setPjax, setSiteSearch, siteSearch } from '../globals/globalVars';

import { autoDarkmode, themeColorListener } from '../globals/themeColor';

import { resizeHandle, scrollHandle, visibilityListener } from '../globals/handles';

import { pagePosition } from '../globals/tools';

import Pjax from 'theme-shokax-pjax';

import { initVue } from '../library/vue';

import { $dom } from '../library/dom';

import { createChild } from '../library/proto';

import { transition } from '../library/anime';

const siteInit = async () => {

  initVue();

  domInit();

  setPjax(new Pjax({

    selectors: [

      'head title',

      '.languages',

      '.twikoo',

      '.pjax',

      '.leancloud-recent-comment',

      'script[data-config]',

    ],

    cacheBust: false,

  }));

  CONFIG.quicklink.ignores = LOCAL.ignores;

  import('quicklink').then(({ listen }) => {

    listen(CONFIG.quicklink);

  });

  autoDarkmode();

  if (__shokax_VL__) {

    visibilityListener();

  }

  themeColorListener();

  if (__shokax_search__) {

    document.querySelector('li.item.search > i').addEventListener('click', () => {

      if (CONFIG.search === null) {

        return;

      }

      if (!siteSearch) {

        setSiteSearch(createChild(BODY, 'div', {

          id: 'search',

          innerHTML: '<div class="inner"><div class="header"><span class="icon"><i class="ic i-search"></i></span><div class="search-input-container"></div><span class="close-btn"><i class="ic i-times-circle"></i></span></div><div class="results"><div class="inner"><div id="search-stats"></div><div id="search-hits"></div><div id="search-pagination"></div></div></div></div>',

        }));

      }

      import('../page/search').then(({ algoliaSearch }) => {

        algoliaSearch(pjax);

      });

      $dom.each('.search', (element) => {

        element.addEventListener('click', () => {

          document.body.style.overflow = 'hidden';

          transition(siteSearch, 'shrinkIn', () => {

            (document.querySelector('.search-input') as HTMLInputElement).focus();

          });

        });

      });

    }, { once: true, capture: true });

  }

  if (__shokax_fireworks__) {

    import('mouse-firework').then((firework) => {

      firework.default(CONFIG.fireworks);

    });

  }

  window.addEventListener('scroll', scrollHandle, { passive: true });

  window.addEventListener('resize', resizeHandle, { passive: true });

  window.addEventListener('pjax:send', pjaxReload, { passive: true });

  window.addEventListener('pjax:success', () => {

    siteRefresh();

  }, { passive: true });

  window.addEventListener('beforeunload', () => {

    pagePosition();

  });

  await siteRefresh(1);

};

cloudflareInit();

window.addEventListener('DOMContentLoaded', siteInit, { passive: true });

console.log('%c Theme.ShokaX v' + CONFIG.version + ' %c https://github.com/theme-shoka-x/hexo-theme-shokaX ', 'color: white; background: #e9546b; padding:5px 0;', 'padding:4px;border:1px solid #e9546b;');

if (window.location.pathname.includes('/gallery')) {

    document.body.classList.add('gallery');

  } else {

    document.body.classList.remove('gallery');

  }

// 动态加载 CSS

const loadCss = (url: string): void => {

  const link = document.createElement('link');

  link.rel = 'stylesheet';

  link.href = url;

  document.head.appendChild(link);

};

// 动态加载 JS

const loadJs = (url: string): Promise<void> => {

  return new Promise((resolve, reject) => {

    const script = document.createElement('script');

    script.src = url;

    script.onload = () => resolve();

    script.onerror = () => reject(new Error(`Failed to load script: ${url}`));

    document.body.appendChild(script);

  });

};

const destroyLightGallery = (): void => {

  try {

    // 获取所有 LightGallery 容器

    const lightGalleryContainers = document.querySelectorAll('.lg-container');

    // console.log('LightGallery containers found:', lightGalleryContainers);

    if (lightGalleryContainers.length === 0) {

      // console.log('No LightGallery instances found to destroy.');

      return;

    }

    // 遍历每个 LightGallery 容器

    lightGalleryContainers.forEach((container) => {

      // console.log('Destroying LightGallery instance for container:', container);

      // 清理与 LightGallery 容器关联的事件

      const containerId = container.id;

      const backdrop = document.getElementById(`lg-backdrop-${containerId.split('-').pop()}`);

      const outer = document.getElementById(`lg-outer-${containerId.split('-').pop()}`);

      const content = document.getElementById(`lg-content-${containerId.split('-').pop()}`);

      // 清理事件和相关子元素

      if (backdrop) backdrop.remove();

      if (outer) outer.remove();

      if (content) content.remove();

      // 移除容器本身

      container.remove();

      // console.log('LightGallery instance and DOM elements destroyed for:', containerId);

    });

    // 确保没有遗留的全局实例

    if ((window as any).lgInstances) {

      (window as any).lgInstances = (window as any).lgInstances.filter((inst: any) => {

        const isDestroyed = !document.body.contains(inst.LGEl);

        if (isDestroyed) console.log('Removed destroyed instance:', inst);

        return !isDestroyed;

      });

    }

    // console.log('All LightGallery instances and DOM cleaned up.');

  } catch (error) {

    console.error('Error destroying LightGallery instances:', error);

  }

};

// 初始化 Justified Gallery 和 LightGallery

const initializeGallery = async (): Promise<void> => {

  try {

    // 动态加载 CSS

    loadCss('https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css');

    loadCss('https://cdn.jsdelivr.net/npm/lightgallery/css/lightgallery-bundle.css');

    // 动态加载 JS

    await loadJs('https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js');

    await loadJs('https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js');

    await loadJs('https://cdn.jsdelivr.net/npm/lightgallery/lightgallery.min.js');

    await loadJs('https://cdn.jsdelivr.net/npm/lightgallery/plugins/zoom/lg-zoom.min.js');

    await loadJs('https://cdn.jsdelivr.net/npm/lightgallery/plugins/thumbnail/lg-thumbnail.min.js');

    await loadJs('https://cdn.jsdelivr.net/npm/lightgallery/plugins/autoplay/lg-autoplay.min.js');

    await loadJs('https://cdn.jsdelivr.net/npm/lightgallery/plugins/rotate/lg-rotate.min.js');

    const $ = (window as any).jQuery;

    //const pathSegments = window.location.pathname.split ('/').filter (segment => segment); // 提取路径段

    //const galleryId = pathSegments [pathSegments.length - 1]; // 获取最后一个路径段

    const galleryContainer = document.querySelector('.gallery-items') as HTMLElement;

    if (!galleryContainer) {

      console.warn('No gallery container found.');

      return;

    }

    // 销毁现有 LightGallery 实例，防止重复初始化

    destroyLightGallery();

    // 初始化 Justified Gallery

    $(galleryContainer)

      .justifiedGallery({

        rowHeight: 200,

        margins: 5,

        lastRow: 'justify',

        captions: false,

      })

      .on('jg.complete', function () {

        console.log('Justified Gallery layout complete.');

        // 初始化 LightGallery

        (window as any).lightGallery(galleryContainer, {

          plugins: [

            (window as any).lgZoom,

            (window as any).lgThumbnail,

            (window as any).lgAutoplay,

            (window as any).lgRotate,

          ],

          speed: 200,

          thumbnail: true,

          zoom: true,

        });

        console.log('LightGallery initialized.');

      });

  } catch (error) {

    console.error('Error initializing gallery:', error);

  }

};

export default initializeGallery;

const headerAlternate = document.querySelector("#header .artboard");

  const headerTitle = document.querySelector("#header .title");

const updateGalleryPageLayout = () => {

  const body = document.body;

  const footer = document.getElementById("footer");

  const main = document.querySelector("main");

  const headerAlternate = document.querySelector("#header .artboard");

  const headerTitle = document.querySelector("#header .title");

  const HeaderMsgConfigPath = window.location.pathname.replace(CONFIG.root, ""); // 获取配置了 Header 参数的页面路径

  const HeaderMsgConfig = CONFIG.pages[HeaderMsgConfigPath+'index.html']; // 从页面元数据中获取当前页面配置

  //console.log ("当前页面配置:", HeaderMsgConfig);

  const DefaultHeaderMsgConfig = CONFIG.headerMsg

  //console.log ("默认页面配置:", DefaultHeaderMsgConfig);

  if (window.location.pathname.includes('/gallery')) {

    body.classList.add("gallery");

    // 隐藏 footer

    if (footer) footer.style.display = "none";

    // 调整 main 的 margin-bottom

    if (main) main.style.marginBottom = "0px";

    // 如果页面配置了自定义字段，则动态更新 header

    if (HeaderMsgConfig) {

      const { alternate, headerTitle: pageTitle } = HeaderMsgConfig;

      if (headerAlternate && alternate) headerAlternate.textContent = alternate;

      if (headerTitle && pageTitle) headerTitle.textContent = pageTitle;

    }

    initializeGallery();

  } else {

    body.classList.remove("gallery");

    // 恢复 footer 的显示

    if (footer) footer.style.display = "";

    // 恢复 main 的 margin-bottom

    if (main) main.style.marginBottom = "";

    // 恢复默认 header 内容

    if (DefaultHeaderMsgConfig) {

      const { alternate, headerTitle: pageTitle } = DefaultHeaderMsgConfig;

      if (headerAlternate && alternate) headerAlternate.textContent = alternate;

      if (headerTitle && pageTitle) headerTitle.textContent = pageTitle;

    }

  }

};