Remove jQuery

Author: Lhcfl

README.md

@@ -29,6 +29,9 @@ Anatolo设计极致简约，但麻雀虽小，五脏理应俱全。因此，我
 
 
 ## 改进
+
+- 20240904 [BREAKING] 引入了 Rollup.js
+
 - 我在学世界语所以主题改名为Anatolo（
 - 暗黑模式支持
 - 增加了文章概要的选项
@@ -60,12 +63,15 @@ Anatolo设计极致简约，但麻雀虽小，五脏理应俱全。因此，我
 
 Clone:
 
-``` 
+```bash
 git clone https://gitee.com/Lhcfl/hexo-theme-anatolo.git themes/Anatolo
-或者直接下载主题zip包解压至主题目录下，重命名为Anatolo
+cd themes/Anatolo
+yarn # 必须安装依赖
 ```
 
-安装依赖
+安装依赖:
+
+在hexo博客根目录：
 
 ```
 npm install hexo-renderer-pug --save

includes/tasks/rollup.js

@@ -2,7 +2,6 @@ const cp = require('child_process');
 
 module.exports = function (hexo) {
   hexo.log.info('building js');
-  console.log(cp);
   cp.execSync('yarn build', { cwd: './themes/Anatolo', stdio: 'inherit' });
   hexo.log.info('build successful!');
 };

layout/mixins.pug

@@ -48,7 +48,6 @@ mixin make_post(item, is_detail)
                 i.fa.fa-tag
                 a.tag(href=config.root + tag.path, title=tag.name)= tag.name + " "
 
-            span.leancloud_visitors
             span
               - var words = word_count(item.content);
               - var needtime = duration((words / 300.0) * 60, "seconds");

layout/partial/comments.pug

@@ -19,8 +19,6 @@ mixin require_comment_scripts
 
 mixin make_comments
   if theme.always_enable_comments || page.comments
-    script(src=url_for("js/visitors.js"))
-
     if theme.duoshuo
       a#comments
       .ds-thread(data-thread-key=page.path, data-title=page.title, data-url=page.permalink, data-author-key="1")

layout/partial/components/float-btn.pug

@@ -4,9 +4,3 @@ button#scroll-to-top.float-button.hide(
   title=__("scroll_to_top")
 )
   i.fa.fa-angle-up
-
-script.
-  $(document).on("scroll", () => {
-    if (window.scrollY < 200) $("#scroll-to-top.float-button").addClass("hide");
-    else $("#scroll-to-top.float-button").removeClass("hide");
-  });

source/css/blog_basic.styl

@@ -1185,8 +1185,5 @@ table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th
 	margin-top: 1%
 	margin-left: 7.2%
 
-.leancloud-visitors-count
-	margin-left: 5px
-
 .katex .katex-html
 	display: none

source/js/visitors.js

@@ -1,12 +1,11 @@
-import { Site, WebPage } from '../types/site';
 import EventEmitter3 from 'eventemitter3';
 import { AnatoloRef } from './ref';
 import { AnatoloSite } from './site';
 import { AnatoloSearch } from './search';
 import { AnatoloRouter } from './router';
-import $ from 'jquery';
 import { loadComment } from './load-comment';
 import { darkLightToggle } from './dark-light-toggle';
+import { success } from '@/components/success';
 
 export class AnatoloManager extends EventEmitter3 {
   commentConfig = new AnatoloRef<any>(null);
@@ -50,17 +49,9 @@ export class AnatoloManager extends EventEmitter3 {
     }
     return this.root + url;
   }
+
   success() {
-    return new Promise<void>((res) => {
-      $('#success-indicator').addClass('show');
-      setTimeout(() => {
-        $('#success-indicator').addClass('animated fadeOut');
-      }, 500);
-      setTimeout(() => {
-        $('#success-indicator').removeClass('show animated fadeOut');
-        res();
-      }, 1000);
-    });
+    return success();
   }
 
   share = {

src/anatolo/anatolo.ts

@@ -1,7 +1,6 @@
 import { make_friends_list } from '@/utils/main';
 import { AnatoloManager } from './anatolo';
 import { AnatoloRef } from './ref';
-import $ from 'jquery';
 import { SiteStatic } from './site-static';
 
 type RouterState = { url: string; body: string; title: string; scrollY?: number };
@@ -47,11 +46,14 @@ export class AnatoloRouter {
   set loading(status: boolean) {
     this.__loading.value = status;
     this.__animating.value = true;
+    const mainEl = document.querySelector('.main.animated');
     if (status === true) {
-      $('.main.animated').removeClass('fadeInDown').addClass('fadeOutDown');
+      mainEl?.classList.add('fadeOutDown');
+      mainEl?.classList.remove('fadeInDown');
     }
     if (status === false) {
-      $('.main.animated').addClass('fadeInDown').removeClass('fadeOutDown');
+      mainEl?.classList.remove('fadeOutDown');
+      mainEl?.classList.add('fadeInDown');
     }
     setTimeout(() => {
       this.__animating.value = false;
@@ -87,7 +89,7 @@ export class AnatoloRouter {
   async queryPageData(link: string) {
     const cached = this.routerStates.get(link);
     if (cached) return cached;
-    const res = await $.ajax(link);
+    const res = await fetch(link).then((res) => res.text());
     if (typeof res !== 'string') {
       throw {
         reason: 'NOT HTML',
@@ -119,7 +121,7 @@ export class AnatoloRouter {
       history.pushState({ time: new Date(), url: url }, '', url);
     }
 
-    $('main-outlet').html(body);
+    document.querySelector('main-outlet')!.innerHTML = body;
     document.title = title;
 
     this.updateRouterState({
@@ -162,6 +164,7 @@ export class AnatoloRouter {
 
   async routeTo(link: string, pushState = true) {
     console.log(`Route to: ${link}`);
+
     if (!link) return;
     if (this.isThisSite(link)) {
       const url = new URL(link, window.location.origin);