nibula 2.4.6 → 2.4.7

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to Nibula are documented here.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.4.7] - 2026-09-04
+
+### Changed
+- **New page and global scripts no longer wrap their code in `DOMContentLoaded`.**
+  Scripts are loaded at the end of the body, so the page is already there when
+  they run: the wrapper was a precaution that a beginner had to understand before
+  being able to ignore it. The documentation explains when to add it back.
+- The TypeScript module template annotates its return type, so the first file a
+  TypeScript project opens actually shows TypeScript syntax.
+
 ## [2.4.6] - 2026-08-29
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nibula",
-  "version": "2.4.6",
+  "version": "2.4.7",
   "description": "A beginner-friendly static site generator built on Eleventy that stays close to vanilla HTML, CSS and JS — with a page-management CLI, an optional PHP backend, and SEO files generated for you.",
   "keywords": [
     "11ty",

package/src/frontend/js/global.js

@@ -1,7 +1,5 @@
 // import { initExampleModule } from "./modules/exampleModule.js";
 
-document.addEventListener('DOMContentLoaded', () => {
-    // initExampleModule();
-});
+// initExampleModule();
 
 // Global logic here

package/src/frontend/js/modules/exampleModule.js

@@ -1,4 +1,3 @@
 export function initExampleModule() {
-    // Module logic here
     alert("Example module is working!");
 }

package/src/frontend/js/pages/404.js

@@ -1,9 +1,7 @@
 import '../global.js';
 
-// import { initExampleModule } from '../modules/exampleModule';
+// import { initExampleModule } from '../modules/exampleModule.js';
 
-document.addEventListener("DOMContentLoaded", () => {
-    // initExampleModule();
-});
+// initExampleModule();
 
 // Page logic here

package/src/frontend/js/pages/homepage.js

@@ -1,9 +1,7 @@
 import '../global.js';
 
-// import { initExampleModule } from '../modules/exampleModule';
+// import { initExampleModule } from '../modules/exampleModule.js';
 
-document.addEventListener("DOMContentLoaded", () => {
-    // initExampleModule();
-});
+// initExampleModule();
 
 // Page logic here

package/src/frontend/ts/global.ts

@@ -1,7 +1,5 @@
-// import { initExampleModule } from "./modules/exampleModule";
+// import { initExampleModule } from '../modules/exampleModule';
 
-document.addEventListener('DOMContentLoaded', () => {
-    // initExampleModule();
-});
+// initExampleModule();
 
 // Global logic here

package/src/frontend/ts/modules/exampleModule.ts

@@ -1,4 +1,3 @@
 export function initExampleModule(): void {
-    // Module logic here
     alert("Example module is working!");
 }

package/src/frontend/ts/pages/404.ts

@@ -2,8 +2,6 @@ import '../global';
 
 // import { initExampleModule } from '../modules/exampleModule';
 
-document.addEventListener("DOMContentLoaded", () => {
-    // initExampleModule();
-});
+// initExampleModule();
 
 // Page logic here

package/src/frontend/ts/pages/homepage.ts

@@ -2,8 +2,6 @@ import '../global';
 
 // import { initExampleModule } from '../modules/exampleModule';
 
-document.addEventListener("DOMContentLoaded", () => {
-    // initExampleModule();
-});
+// initExampleModule();
 
 // Page logic here

package/tools/res/templates/template.js

@@ -1,9 +1,7 @@
 import '../global.js';
 
-// import { initExampleModule } from '../modules/exampleModule';
+// import { initExampleModule } from '../modules/exampleModule.js';
 
-document.addEventListener("DOMContentLoaded", () => {
-    // initExampleModule();
-});
+// initExampleModule();
 
 // Page logic here

package/tools/res/templates/template.ts

@@ -2,8 +2,6 @@ import '../global';
 
 // import { initExampleModule } from '../modules/exampleModule';
 
-document.addEventListener("DOMContentLoaded", () => {
-    // initExampleModule();
-});
+// initExampleModule();
 
 // Page logic here