Browse Source

decruft: drop animate.css + WOW entirely (−78 KB)

Removed both npm deps (animate.css, wowjs), their imports from src/legacy-style.js
and src/main.js, and the 4 `new WOW().init()` calls (about/studio/art/desk.js) —
those would otherwise crash now that window.WOW is gone (the Modernizr pattern).
The 26 inert .wow/fadeIn* classes stay in markup (trivial to re-enable). Rebuilt:
v4-style.min.css 348→278 KB, v4-script.min.js 511→503 KB. All pages 200.
windhamdavid 1 week ago
parent
commit
c98a4413c7
11 changed files with 3 additions and 41 deletions
  1. 1 1
      _claude/notes/dependencies.md
  2. 0 1
      js/about.js
  3. 0 1
      js/art.js
  4. 0 1
      js/desk.js
  5. 0 1
      js/studio.js
  6. 0 0
      js/v4-script.min.js
  7. 1 29
      package-lock.json
  8. 1 3
      package.json
  9. 0 1
      src/legacy-style.js
  10. 0 3
      src/main.js
  11. 0 0
      v4-style.min.css

+ 1 - 1
_claude/notes/dependencies.md

@@ -35,7 +35,7 @@ whole messenger/online-status feature, page-chat + `chat.*`, `terminal.js`, `mod
 | Chunk | Size | Drop when |
 | Chunk | Size | Drop when |
 |---|---|---|
 |---|---|---|
 | ~~Bootstrap 5 full~~ → **subset** | −49 KB | **✅ DONE 2026-06-21** — only used partials imported (grid/offcanvas/carousel/nav/forms/buttons/tables/list-group/card/pagination/alert + utilities API); dropped modal/dropdown/tooltip/popover/accordion/toasts/etc. Full removal still the end-goal. |
 | ~~Bootstrap 5 full~~ → **subset** | −49 KB | **✅ DONE 2026-06-21** — only used partials imported (grid/offcanvas/carousel/nav/forms/buttons/tables/list-group/card/pagination/alert + utilities API); dropped modal/dropdown/tooltip/popover/accordion/toasts/etc. Full removal still the end-goal. |
-| animate.css | 93 KB | WOW removed (→ IntersectionObserver/CSS) — drops together |
+| ~~animate.css~~ + ~~WOW~~ | ~~93 KB~~ CSS + JS | **✅ DONE 2026-06-21** — both dropped (npm deps removed, bundle imports + the 4 `new WOW().init()` calls gone). v4-style 348→278 KB. The 26 inert `.wow`/`fadeIn*` classes left in markup to re-enable later if wanted. |
 | fullcalendar CSS | 40 KB | About-only → conditional-load, or replace calendar |
 | fullcalendar CSS | 40 KB | About-only → conditional-load, or replace calendar |
 | `style.css` custom | 58 KB | per-page: `.entry-content`/`.posts-front`/`.archive-page`/carousel rules die as each page blockifies |
 | `style.css` custom | 58 KB | per-page: `.entry-content`/`.posts-front`/`.archive-page`/carousel rules die as each page blockifies |
 | `fonts.css` @font-face | 39 KB | shrinks as icon fonts above are dropped |
 | `fonts.css` @font-face | 39 KB | shrinks as icon fonts above are dropped |

+ 0 - 1
js/about.js

@@ -1,4 +1,3 @@
-new WOW().init();
 
 
 const aboutCarouselElement = document.querySelector('#caro-lead')
 const aboutCarouselElement = document.querySelector('#caro-lead')
 const carousel = new bootstrap.Carousel(aboutCarouselElement, {
 const carousel = new bootstrap.Carousel(aboutCarouselElement, {

+ 0 - 1
js/art.js

@@ -1,4 +1,3 @@
-new WOW().init();
 
 
 jQuery(document).ready(function($) {
 jQuery(document).ready(function($) {
 
 

+ 0 - 1
js/desk.js

@@ -1,4 +1,3 @@
-new WOW().init();
 
 
 jQuery(document).ready(function($) {
 jQuery(document).ready(function($) {
 	
 	

+ 0 - 1
js/studio.js

@@ -11,7 +11,6 @@ jQuery(document).ready(function($) {
 		$( this ).toggleClass( 'active' );
 		$( this ).toggleClass( 'active' );
 	});
 	});
 
 
-  new WOW().init();
 
 
   $(function dw_hidenav() {
   $(function dw_hidenav() {
     var headerHeight = $('.navbar').height();
     var headerHeight = $('.navbar').height();

File diff suppressed because it is too large
+ 0 - 0
js/v4-script.min.js


+ 1 - 29
package-lock.json

@@ -8,7 +8,6 @@
       "name": "daw-wp",
       "name": "daw-wp",
       "version": "0.5.0",
       "version": "0.5.0",
       "dependencies": {
       "dependencies": {
-        "animate.css": "^4.1.1",
         "bootstrap": "^5.3.8",
         "bootstrap": "^5.3.8",
         "fullcalendar": "^5.11.3",
         "fullcalendar": "^5.11.3",
         "jquery": "^3.6.1",
         "jquery": "^3.6.1",
@@ -16,8 +15,7 @@
         "jquery-lazyload": "^1.9.7",
         "jquery-lazyload": "^1.9.7",
         "jquery-validation": "^1.19.5",
         "jquery-validation": "^1.19.5",
         "js-cookie": "^3.0.8",
         "js-cookie": "^3.0.8",
-        "svg-morpheus": "^0.3.0",
-        "wowjs": "^1.1.3"
+        "svg-morpheus": "^0.3.0"
       },
       },
       "devDependencies": {
       "devDependencies": {
         "@babel/core": "^7.22.0",
         "@babel/core": "^7.22.0",
@@ -9489,11 +9487,6 @@
         "ajv": "^6.9.1"
         "ajv": "^6.9.1"
       }
       }
     },
     },
-    "node_modules/animate.css": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
-      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
-    },
     "node_modules/ansi-escapes": {
     "node_modules/ansi-escapes": {
       "version": "4.3.2",
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -28014,14 +28007,6 @@
         "node": ">=0.10.0"
         "node": ">=0.10.0"
       }
       }
     },
     },
-    "node_modules/wowjs": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/wowjs/-/wowjs-1.1.3.tgz",
-      "integrity": "sha512-HQp1gi56wYmjOYYOMZ08TnDGpT+AO21RJVa0t1NJ3jU8l3dMyP+sY7TO/lilzVp4JFjW88bBY87RnpxdpSKofA==",
-      "dependencies": {
-        "animate.css": "latest"
-      }
-    },
     "node_modules/wrap-ansi": {
     "node_modules/wrap-ansi": {
       "version": "7.0.0",
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -34706,11 +34691,6 @@
       "dev": true,
       "dev": true,
       "requires": {}
       "requires": {}
     },
     },
-    "animate.css": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
-      "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
-    },
     "ansi-escapes": {
     "ansi-escapes": {
       "version": "4.3.2",
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -47120,14 +47100,6 @@
       "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true
       "dev": true
     },
     },
-    "wowjs": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/wowjs/-/wowjs-1.1.3.tgz",
-      "integrity": "sha512-HQp1gi56wYmjOYYOMZ08TnDGpT+AO21RJVa0t1NJ3jU8l3dMyP+sY7TO/lilzVp4JFjW88bBY87RnpxdpSKofA==",
-      "requires": {
-        "animate.css": "latest"
-      }
-    },
     "wrap-ansi": {
     "wrap-ansi": {
       "version": "7.0.0",
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",

+ 1 - 3
package.json

@@ -36,7 +36,6 @@
     "webpack-cli": "^5.1.1"
     "webpack-cli": "^5.1.1"
   },
   },
   "dependencies": {
   "dependencies": {
-    "animate.css": "^4.1.1",
     "bootstrap": "^5.3.8",
     "bootstrap": "^5.3.8",
     "fullcalendar": "^5.11.3",
     "fullcalendar": "^5.11.3",
     "jquery": "^3.6.1",
     "jquery": "^3.6.1",
@@ -44,7 +43,6 @@
     "jquery-lazyload": "^1.9.7",
     "jquery-lazyload": "^1.9.7",
     "jquery-validation": "^1.19.5",
     "jquery-validation": "^1.19.5",
     "js-cookie": "^3.0.8",
     "js-cookie": "^3.0.8",
-    "svg-morpheus": "^0.3.0",
-    "wowjs": "^1.1.3"
+    "svg-morpheus": "^0.3.0"
   }
   }
 }
 }

+ 0 - 1
src/legacy-style.js

@@ -11,7 +11,6 @@
  * e.g. fullcalendar — in Phase 5, not here).
  * e.g. fullcalendar — in Phase 5, not here).
  */
  */
 import '../css/fonts.css';
 import '../css/fonts.css';
-import 'animate.css/animate.css';
 import '../css/v4-fullcalendar.css';
 import '../css/v4-fullcalendar.css';
 import '../css/styles.scss';
 import '../css/styles.scss';
 import '../style.css';
 import '../style.css';

+ 0 - 3
src/main.js

@@ -20,9 +20,6 @@ window.bootstrap = bootstrap;
 import * as FullCalendar from 'fullcalendar/main.js';
 import * as FullCalendar from 'fullcalendar/main.js';
 window.FullCalendar = FullCalendar;
 window.FullCalendar = FullCalendar;
 
 
-import { WOW } from 'wowjs';
-window.WOW = WOW;
-
 import Cookies from 'js-cookie';
 import Cookies from 'js-cookie';
 window.Cookies = Cookies;
 window.Cookies = Cookies;
 
 

File diff suppressed because it is too large
+ 0 - 0
v4-style.min.css


Some files were not shown because too many files changed in this diff