feat(animations): add kill option

yoyurec · Oct 22, 2023 · 5bbed90 · 5bbed90
1 parent 4cb2975
commit 5bbed90
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 1 deletion.
diff --git a/src/modules/other/animations.css b/src/modules/other/animations.css
diff --git a/src/modules/other/animations.ts b/src/modules/other/animations.ts
@@ -0,0 +1,19 @@
+import { doc, globals } from '../globals/globals';
+
+import animationsStyles from './animations.css?inline';
+
+export const animationsToggle = () => {
+    if (globals.pluginConfig.killAnimations) {
+        animationsLoad();
+    } else {
+        animationsUnload();
+    }
+}
+
+export const animationsLoad = () => {
+    logseq.provideStyle({ key: '--awUi-animations-css', style: animationsStyles });
+}
+
+export const animationsUnload = () => {
+    doc.head.querySelector(`style[data-injected-style^="--awUi-animations-css"]`)?.remove();
+}
diff --git a/src/plugin/plugin.ts b/src/plugin/plugin.ts
@@ -10,10 +10,11 @@ import { navigationPositionLoad, navigationPositionUnload } from '../modules/hea
 import { setTabsCSSVarsStyles, tabsStyleToggle, tabsStyleUnload } from '../modules/extPlugins/tabs/tabsStyle';
 import { compactSidebarMenuToggle, compactSidebarMenuUnload } from '../modules/sidebars/compactSidebarMenu/compactSidebarMenu';
 import { hideRightSidebarToolbarToggle, hideRightSidebarToolbarUnload } from '../modules/sidebars/hideRightSidebarToolbar/hideRightSidebarToolbar';
+import { vaultButtonToggle, vaultButtonUnload } from '../modules/sidebars/vaultButton/vaultButton';
+import { animationsToggle, animationsUnload } from '../modules/other/animations';
 
 import '../modules/extPlugins/extPlugins';
 import '../modules/other/other';
-import { vaultButtonToggle, vaultButtonUnload } from '../modules/sidebars/vaultButton/vaultButton';
 
 export const pluginLoad = () => {
     body.classList.add(globals.isPluginEnabled);
@@ -79,6 +80,7 @@ const runStuff = () => {
         tabsStyleToggle();
         vaultButtonToggle();
         rightSidebarLoad();
+        animationsToggle();
     }, 2000);
 }
 
@@ -93,6 +95,7 @@ const stopStuff = () => {
     tabsPositionUnload();
     tabsStyleUnload();
     vaultButtonUnload();
+    animationsUnload();
 }
 
 export const onThemeChangedCallback = () => {

diff --git a/src/plugin/settings.ts b/src/plugin/settings.ts
@@ -13,6 +13,7 @@ import { tabsPositionToggle } from '../modules/extPlugins/tabs/tabsPosition';
 import { tabsStyleToggle } from '../modules/extPlugins/tabs/tabsStyle';
 import { searchStyleToggle } from '../modules/header/searchStyle';
 import { navigationPositionToggle } from '../modules/header/navigationPosition';
+import { animationsToggle } from '../modules/other/animations';
 
 import './settings.css';
 import { vaultButtonToggle } from '../modules/sidebars/vaultButton/vaultButton';
@@ -63,6 +64,9 @@ export const onSettingsChangedCallback = (settings: LSPluginBaseInfo['settings']
     if (settingsChangedKey.includes('vaultButtonToBottom')) {
         vaultButtonToggle();
     }
+    if (settingsChangedKey.includes('killAnimations')) {
+        animationsToggle();
+    }
 
     setFeaturesCSSVars();
 }
diff --git a/src/plugin/settingsConfig.ts b/src/plugin/settingsConfig.ts
@@ -160,4 +160,11 @@ export const settingsConfig: SettingSchemaDesc[] = [
         type: 'heading',
         default: null,
     },
+    {
+        key: 'killAnimations',
+        title: '',
+        description: 'Disable ALL transitions and animations',
+        type: 'boolean',
+        default: true,
+    },
 ];