create-berna-stencil 1.0.46 → 1.0.47

package/_tools/res/templates/template.scss

@@ -2,9 +2,13 @@
 // CSS MODULES IMPORTS
 //==========================
 
+// Use @use with a namespace to avoid framework variable conflicts:
+// Example: root.$primary
 @use "../modules/root" as root;
 
+// This global module contains the import framework, necessary modules for each page and any other common styles
 @import "../modules/global";
+
 // Import any other module you need by import down here
 @import "../modules/notification";
 
@@ -12,6 +16,8 @@
 // PAGE CUSTOM CSS RULES
 //==========================
 
+// Add any custom rule specific to this page below
+// These rules override the framework and module styles
 // body {
 //     background-color: root.$primary;
 // }

package/bin/create.js

@@ -15,7 +15,7 @@ const COPY_TARGETS = [
 
 const PROJECT_PACKAGE = {
     name: path.basename(targetDir),
-    version: '1.0.37',
+    version: '1.0.47',
     private: true,
     scripts: {
         "build:css": "sass src/frontend/scss:out/css --no-source-map --style=compressed --quiet",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-berna-stencil",
-  "version": "1.0.46",
+  "version": "1.0.47",
   "description": "Eleventy boilerplate with per-page SCSS/JS pipeline, esbuild bundling, multi-framework CSS support and a built-in page management CLI",
   "keywords": [
     "eleventy",

package/src/backend/api/protected/subfolder/example-protected.php

@@ -14,8 +14,4 @@ if ($method !== 'GET') {
 Response::success([
     'message'    => 'Protected endpoint is working',
     'params'     => $requestParams,
-]);
-
-Response::error([
-    'message'    => 'Error text',
 ]);

package/src/backend/api/public/example-public.php

@@ -14,8 +14,4 @@ if ($method !== 'GET') {
 Response::success([
     'message'    => 'Public endpoint is working',
     'params'     => $requestParams,
-]);
-
-Response::error([
-    'message'    => 'Error text',
 ]);

package/src/frontend/components/layouts/includes.njk

@@ -7,9 +7,6 @@ layout: base.njk
 {% if title == "homepage" %}
   {% include "welcome.njk" %}
 
-{% elif title == "examplePage" %}
-  {#{% include "component.njk" %}#}
-
 {% else %}
   {% include "404/_404.njk" %}
   {{ content | safe }}

package/src/frontend/data/site.json

@@ -1,54 +1,44 @@
-{
-  "site_name": "Site name",
-  "title": "Site title",
-  "description": "Site description",
-  "keywords": "keyword1, keyword2, keyword3",
-  "domain": "yoursite.com",
-  "url": "https://yoursite.com",
-  "lang": "en",
-  "author": "Name and surname",
-  "data_bs_theme": "dark",
-  "favicon": "/assets/brand/favicon.svg",
-  "logo": "/assets/brand/logo.svg",
-  "copyright": {
-    "year": "2026",
-    "text": "Copyright text"
-  },
-  "legal": {
-    "privacy": "",
-    "cookie": "",
-    "cookieControls": "",
-    "terms": ""
-  },
-  "pages": {
-    "404": {
-      "seo": {
-        "title": "404 - Not found"
-      },
-      "cdn": {
-        "css": [],
-        "js": []
-      }
-    },
-    "homepage": {
-      "seo": {
-        "title": "Homepage",
-        "description": "Description"
-      },
-      "cdn": {
-        "css": [],
-        "js": []
-      }
-    },
-    "examplePage": {
-      "seo": {
-        "title": "Example Page",
-        "description": "description"
-      },
-      "cdn": {
-        "css": [],
-        "js": []
-      }
-    }
-  }
+{
+  "site_name": "Site name",
+  "title": "Site title",
+  "description": "Site description",
+  "keywords": "keyword1, keyword2, keyword3",
+  "domain": "yoursite.com",
+  "url": "https://yoursite.com",
+  "lang": "en",
+  "author": "Name and surname",
+  "data_bs_theme": "dark",
+  "favicon": "/assets/brand/favicon.svg",
+  "logo": "/assets/brand/logo.svg",
+  "copyright": {
+    "year": "2026",
+    "text": "Copyright text"
+  },
+  "legal": {
+    "privacy": "",
+    "cookie": "",
+    "cookieControls": "",
+    "terms": ""
+  },
+  "pages": {
+    "404": {
+      "seo": {
+        "title": "404 - Not found"
+      },
+      "cdn": {
+        "css": [],
+        "js": []
+      }
+    },
+    "homepage": {
+      "seo": {
+        "title": "Homepage",
+        "description": "Description"
+      },
+      "cdn": {
+        "css": [],
+        "js": []
+      }
+    }
+  }
 }

package/src/frontend/scss/pages/404.scss

@@ -3,10 +3,12 @@
 //==========================
 
 // Use @use with a namespace to avoid framework variable conflicts:
+// Example: root.$primary
 @use "../modules/root" as root;
 
-// Page layout modules — comment out any section you don't need
+// This global module contains the import framework, necessary modules for each page and any other common styles
 @import "../modules/global";
+
 // Import any other module you need by import down here
 @import "../modules/notification";
 

package/src/frontend/scss/pages/homepage.scss

@@ -3,10 +3,12 @@
 //==========================
 
 // Use @use with a namespace to avoid framework variable conflicts:
+// Example: root.$primary
 @use "../modules/root" as root;
 
-// Page layout modules — comment out any section you don't need
+// This global module contains the import framework, necessary modules for each page and any other common styles
 @import "../modules/global";
+
 // Import any other module you need by import down here
 @import "../modules/notification";
 

package/src/frontend/_routes/example-page.njk

@@ -1,9 +0,0 @@
----
-title: "examplePage"
-permalink: "/example-page/"
-layout: includes.njk
----
-
-<!-- !IMPORTANT -->
-<!-- DO NOT ADD ANYTHING HERE -->
-<!-- You should create a new component.njk into src/components and include that in components/layouts/includes.njk -->

package/src/frontend/js/pages/examplePage.js

@@ -1,19 +0,0 @@
-//==========================
-// JAVASCRIPT MODULES IMPORTS
-//==========================
-
-// Call anywhere
-import { showNotification } from '../modules/notification.js';
-
-// Uncomment to enable optional modules (call inside DOMContentLoaded)
-// import { initTextAreaAutoExpand } from '../modules/forms/textAreaAutoExpand.js';
-// import { initNormalizePhoneNumber } from '../modules/forms/normalizePhoneNumber.js';
-
-//==========================
-// PAGE CUSTOM JAVASCRIPT
-//==========================
-
-document.addEventListener("DOMContentLoaded", () => {
-});
-
-showNotification("Example notification", "success", 3000);

package/src/frontend/scss/pages/examplePage.scss

@@ -1,17 +0,0 @@
-//==========================
-// CSS MODULES IMPORTS
-//==========================
-
-@use "../modules/root" as root;
-
-@import "../modules/global";
-// Import any other module you need by import down here
-@import "../modules/notification";
-
-//==========================
-// PAGE CUSTOM CSS RULES
-//==========================
-
-// body {
-//     background-color: root.$primary;
-// }