@anglefeint/astro-theme 0.1.10 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anglefeint/astro-theme",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "type": "module",
   "description": "Anglefeint core theme package for Astro",
   "license": "MIT",
@@ -11,6 +11,7 @@
     "src/config",
     "src/components",
     "src/layouts",
+    "src/scripts",
     "src/i18n",
     "src/styles",
     "src/assets/theme",
@@ -26,6 +27,7 @@
     ".": "./src/index.ts",
     "./components/*": "./src/components/*",
     "./layouts/*": "./src/layouts/*",
+    "./scripts/*": "./src/scripts/*",
     "./i18n/*": "./src/i18n/*",
     "./styles/*": "./src/styles/*",
     "./assets/*": "./src/assets/*",

package/src/config/about.ts

@@ -1,6 +1,6 @@
 /**
  * About page content and runtime behavior configuration.
- * Used by src/pages/[lang]/about.astro and public/scripts/about-effects.js.
+ * Used by src/pages/[lang]/about.astro and packages/theme/src/scripts/about-effects.js.
  */
 export const ABOUT_CONFIG = {
 	metaLine: '$ profile booted | mode: builder',

package/src/layouts/BlogPost.astro

@@ -257,6 +257,9 @@ for (let i = 0; i < pts.length; i++) {
 				</a>
 			</nav>
 	<Fragment slot="body-end">
-		<script is:inline src="/scripts/blogpost-effects.js" defer></script>
+		<script>
+			import { initBlogpostEffects } from '../scripts/blogpost-effects.js';
+			initBlogpostEffects();
+		</script>
 	</Fragment>
 </AiShell>

package/src/layouts/shells/MatrixShell.astro

@@ -14,6 +14,11 @@ const { locale, title, description } = Astro.props as Props;
 <ThemeFrame locale={locale} title={title} description={description} bodyClass="page-home" mainClass="page-main home-content">
 	<link slot="head" rel="stylesheet" href="/styles/home-page.css" />
 	<canvas slot="body-start" id="matrix-bg" aria-hidden="true"></canvas>
-	<script slot="body-end" is:inline src="/scripts/home-matrix.js" defer></script>
+	<Fragment slot="body-end">
+		<script>
+			import { initHomeMatrix } from '../../scripts/home-matrix.js';
+			initHomeMatrix();
+		</script>
+	</Fragment>
 	<slot />
 </ThemeFrame>

package/{public → src}/scripts/about-effects.js

@@ -1,5 +1,4 @@
-			(function() {
-				function init() {
+export function initAboutEffects() {
 				var runtimeConfig = {};
 				var runtimeConfigEl = document.getElementById('hacker-runtime-config');
 				if (runtimeConfigEl && runtimeConfigEl.textContent) {
@@ -551,11 +550,4 @@
 						}, 1200);
 					});
 				}
-			}
-
-			if (document.readyState === 'loading') {
-				document.addEventListener('DOMContentLoaded', init);
-			} else {
-				init();
-			}
-		})();
+}

package/{public → src}/scripts/blogpost-effects.js

@@ -1,5 +1,4 @@
-				(function() {
-					function init() {
+export function initBlogpostEffects() {
 					var prefersReducedMotion = false;
 					try {
 						prefersReducedMotion = !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches);
@@ -972,11 +971,4 @@
 						}, 1200);
 					});
 				}
-			}
-
-			if (document.readyState === 'loading') {
-				document.addEventListener('DOMContentLoaded', init);
-			} else {
-				init();
-			}
-		})();
+}

package/{public → src}/scripts/home-matrix.js

@@ -1,4 +1,4 @@
-(() => {
+export function initHomeMatrix() {
 	const chars =
 		'!"#$%&\'()*+,-./:;<=>?[\\]^_{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
 	const matrixFont =
@@ -114,4 +114,4 @@
 		document.body.style.setProperty('--matrix-mx', `${event.clientX}px`);
 		document.body.style.setProperty('--matrix-my', `${event.clientY}px`);
 	});
-})();
+}