create-berna-stencil 1.0.23 → 1.0.25

package/.eleventy.js

@@ -4,7 +4,7 @@ const Image = require("@11ty/eleventy-img");
 const fs = require("fs");
 const path = require("path");
 
-const OUTPUT_DIR = "C:/laragon/www/Berna-Stencil-out";
+const OUTPUT_DIR = "out";
 
 module.exports = function (eleventyConfig) {
 
@@ -25,6 +25,7 @@ module.exports = function (eleventyConfig) {
   // PASSTHROUGH — Static files
   // =====================================================
   eleventyConfig.addPassthroughCopy("src/.htaccess");
+  eleventyConfig.addPassthroughCopy("src/web.config");
   eleventyConfig.addPassthroughCopy("src/api");
   eleventyConfig.addPassthroughCopy("src/assets");
   eleventyConfig.addPassthroughCopy("src/robots.txt");

package/_tools/assistant.js

@@ -77,9 +77,9 @@ function handleRemoveRequest() {
 
 function handleOutputPathRequest() {
     const current = getCurrentOutputPath();
-    const currentLabel = current ? ` (current: "${current}")` : '';
+    const currentLabel = current ? ` Current path: "${current}"` : '';
 
-    readerInterface.question(`\n> Enter the new output path${currentLabel}\n  (e.g. C:/laragon/www or . for root): `, (inputPath) => {
+    readerInterface.question(`${currentLabel}\n Enter the new output path: `, (inputPath) => {
         if (!inputPath.trim()) {
             console.log('(!) Invalid path.');
         } else {
@@ -94,8 +94,8 @@ function displayMainMenu() {
     console.log('  Berna-Stencil CLI      ');
     console.log('========================\n');
     console.log('1. Create page');
-    console.log('2. Rename page');
-    console.log('3. Remove page');
+    console.log('2. Remove page');
+    console.log('3. Rename page');
     console.log('4. Configure output path');
     console.log('\nCTRL/CMD + C to exit');
 
@@ -104,9 +104,9 @@ function displayMainMenu() {
         if (cleanChoice === '1') {
             handleCreateRequest();
         } else if (cleanChoice === '2') {
-            handleRenameRequest();
-        } else if (cleanChoice === '3') {
             handleRemoveRequest();
+        } else if (cleanChoice === '3') {
+            handleRenameRequest();
         } else if (cleanChoice === '4') {
             handleOutputPathRequest();
         } else if (cleanChoice === '0') {

package/_tools/modules/updateOutputPath.js

@@ -75,10 +75,7 @@ function getCurrentOutputPath() {
 
         const outputDir = match[1];
 
-        if (!path.isAbsolute(outputDir)) {
-            return 'project root/out';
-        }
-
+        
         const parent = path.dirname(outputDir);
         const projectName = path.basename(outputDir);
 

package/_tools/modules/updatePage.js

@@ -4,7 +4,7 @@ const path = require("path");
 const { addSiteData, removeSiteData } = require("./updateData");
 const { addLayout, removeLayout } = require("./updateIncludes");
 
-const TEMPLATE_FILE_PATH = path.join(__dirname, '..', 'res', 'templates.json');
+const TEMPLATES_DIR = path.join(__dirname, '..', 'res', 'templates');
 
 function toCamelCase(str) {
     return str.toLowerCase().replace(/[-_][a-z0-9]/g, (group) =>
@@ -12,56 +12,33 @@ function toCamelCase(str) {
     );
 }
 
-function getFileInitialContent(pageName, extension) {   
-    try {
-        const rawData = fileSystem.readFileSync(TEMPLATE_FILE_PATH, "utf8");
-        const templates = JSON.parse(rawData);
-        let selectedTemplate = templates[extension];
-        if (!selectedTemplate) return "";
-
-        const content = Array.isArray(selectedTemplate) ? selectedTemplate.join("\n") : selectedTemplate;
-        
-        const kebabName = pageName; 
-        const camelName = toCamelCase(pageName); 
-
-        let processedContent = content
-            .replace(/{{pageName}}/g, kebabName)
-            .replace(/{{camelName}}/g, camelName);
-
-        if (extension === '.njk') {
-            processedContent = processedContent.replace(/^title:\s*.*$/m, `title: "${camelName}"`);
-            
-            if (processedContent.includes('permalink:')) {
-                processedContent = processedContent.replace(/^permalink:\s*.*$/m, `permalink: "/${kebabName}/"`);
-            } else {
-                processedContent = processedContent.replace(`title: "${camelName}"`, `title: "${camelName}"\npermalink: "/${kebabName}/"`);
-            }
-        }
-
-        return processedContent;
-    } catch (error) {
-        console.error(`[error] ${error.message}`);
-        return "";
-    }
-}
-
 function addPage(pageName) {
     const camelName = toCamelCase(pageName);
-    
+
     const targets = [
-        { folder: "src/scss/pages", extension: ".scss", fileName: camelName },
-        { folder: "src/js/pages", extension: ".js", fileName: camelName },
-        { folder: "src/_routes", extension: ".njk", fileName: pageName },
+        { folder: "src/scss/pages", templateFile: "template.scss", fileName: `${camelName}.scss` },
+        { folder: "src/js/pages",   templateFile: "template.js",   fileName: `${camelName}.js`   },
+        { folder: "src/_routes",    templateFile: "template.njk",  fileName: `${pageName}.njk`   },
     ];
 
-    targets.forEach((target) => {
-        const filePath = path.join(target.folder, `${target.fileName}${target.extension}`);
-        fileSystem.mkdirSync(target.folder, { recursive: true });
-        
-        if (!fileSystem.existsSync(filePath)) {
-            const fileContent = getFileInitialContent(pageName, target.extension);
-            fileSystem.writeFileSync(filePath, fileContent);
-            console.log(`[created file] ${filePath}`);
+    targets.forEach(({ folder, templateFile, fileName }) => {
+        const destPath = path.join(folder, fileName);
+        fileSystem.mkdirSync(folder, { recursive: true });
+
+        if (!fileSystem.existsSync(destPath)) {
+            const srcPath = path.join(TEMPLATES_DIR, templateFile);
+
+            if (templateFile === "template.njk") {
+                let content = fileSystem.readFileSync(srcPath, 'utf8');
+                content = content
+                    .replace(/^title:.*$/m, `title: "${camelName}"`)
+                    .replace(/^permalink:.*$/m, `permalink: "/${pageName}/"`);
+                fileSystem.writeFileSync(destPath, content);
+            } else {
+                fileSystem.copyFileSync(srcPath, destPath);
+            }
+
+            console.log(`[created file] ${destPath}`);
         }
     });
 
@@ -74,18 +51,9 @@ function renamePage(oldName, newName) {
     const newCamel = toCamelCase(newName);
 
     const filesToRename = [
-        {
-            src: `src/scss/pages/${oldCamel}.scss`,
-            dest: `src/scss/pages/${newCamel}.scss`,
-        },
-        {
-            src: `src/js/pages/${oldCamel}.js`,
-            dest: `src/js/pages/${newCamel}.js`,
-        },
-        {
-            src: `src/_routes/${oldName}.njk`,
-            dest: `src/_routes/${newName}.njk`,
-        },
+        { src: `src/scss/pages/${oldCamel}.scss`, dest: `src/scss/pages/${newCamel}.scss` },
+        { src: `src/js/pages/${oldCamel}.js`,     dest: `src/js/pages/${newCamel}.js`     },
+        { src: `src/_routes/${oldName}.njk`,      dest: `src/_routes/${newName}.njk`      },
     ];
 
     filesToRename.forEach(({ src, dest }) => {
@@ -93,12 +61,7 @@ function renamePage(oldName, newName) {
             console.log(`[skip] not found: ${src}`);
             return;
         }
-        let content = fileSystem.readFileSync(src, 'utf8');
-        content = content
-            .replace(new RegExp(oldName, 'g'), newName)
-            .replace(new RegExp(oldCamel, 'g'), newCamel);
-        fileSystem.writeFileSync(dest, content);
-        fileSystem.unlinkSync(src);
+        fileSystem.renameSync(src, dest);
         console.log(`[renamed] ${src} → ${dest}`);
     });
 
@@ -111,27 +74,25 @@ function renamePage(oldName, newName) {
 function removePage(pageName) {
     const camelName = toCamelCase(pageName);
     const OUTPUT_DIR = "out";
-    
+
     const filesToDelete = [
         `src/scss/pages/${camelName}.scss`,
         `src/js/pages/${camelName}.js`,
         `src/_routes/${pageName}.njk`,
-        
-        path.join(OUTPUT_DIR, "js/pages", `${camelName}.js`),
+        path.join(OUTPUT_DIR, "js/pages",  `${camelName}.js`),
         path.join(OUTPUT_DIR, "css/pages", `${camelName}.css`),
-        
         path.join(OUTPUT_DIR, `${pageName}.html`),
-        path.join(OUTPUT_DIR, "pages", `${pageName}.html`) 
+        path.join(OUTPUT_DIR, "pages", `${pageName}.html`),
     ];
 
     const foldersToDelete = [
         path.join(OUTPUT_DIR, pageName),
-        path.join(OUTPUT_DIR, "pages", pageName)
+        path.join(OUTPUT_DIR, "pages", pageName),
     ];
 
-    filesToDelete.forEach(f => { 
+    filesToDelete.forEach(f => {
         if (fileSystem.existsSync(f)) {
-            fileSystem.unlinkSync(f); 
+            fileSystem.unlinkSync(f);
             console.log(`[deleted file] ${f}`);
         }
     });

package/_tools/res/templates/template.js

@@ -0,0 +1,23 @@
+//==========================
+// JAVASCRIPT MODULES IMPORTS
+//==========================
+
+// Call inside DOMContentLoaded
+import { initLangSwitcher } from '../modules/langSwitcher.js';
+
+// 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", () => {
+  initLangSwitcher();
+});
+
+showNotification("prova notification", "success", 3000);

package/_tools/res/templates/template.njk

@@ -0,0 +1,8 @@
+---
+title: ""
+permalink: ""
+layout: includes.njk
+---
+
+<!-- Add content via components in src/components/, not directly here.
+     Register them in src/layouts/includes.njk. -->

package/_tools/res/templates/template.scss

@@ -0,0 +1,17 @@
+//==========================
+// 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;
+// }

package/bin/create.js

@@ -17,7 +17,7 @@ const COPY_TARGETS = [
 
 const PROJECT_PACKAGE = {
     name: path.basename(targetDir),
-    version: '1.0.23',
+    version: '1.0.25',
     private: true,
     scripts: {
         "build:css": "sass src/scss:c:/laragon/www/Berna-Stencil-out/css --no-source-map --style=compressed --quiet",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-berna-stencil",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "Eleventy boilerplate with per-page SCSS/JS pipeline, esbuild bundling, multi-framework CSS support and a built-in page management CLI",
   "keywords": [
     "eleventy",
@@ -57,12 +57,12 @@
     "sass": "^1.77.0"
   },
   "scripts": {
-    "build:css": "sass src/scss:C:/laragon/www/Berna-Stencil-out/css --no-source-map --style=compressed --quiet",
-    "build:js": "esbuild \"src/js/pages/*.js\" --bundle --outdir=C:/laragon/www/Berna-Stencil-out/js/pages --minify",
+    "build:css": "sass src/scss:out/css --no-source-map --style=compressed --quiet",
+    "build:js": "esbuild \"src/js/pages/*.js\" --bundle --outdir=out/js/pages --minify",
     "build:11ty": "eleventy",
     "build": "npm run build:css && npm run build:js && npm run build:11ty",
-    "serve:css": "sass --watch src/scss:C:/laragon/www/Berna-Stencil-out/css --no-source-map --quiet",
-    "serve:js": "esbuild \"src/js/pages/*.js\" --bundle --outdir=C:/laragon/www/Berna-Stencil-out/js/pages --watch",
+    "serve:css": "sass --watch src/scss:out/css --no-source-map --quiet",
+    "serve:js": "esbuild \"src/js/pages/*.js\" --bundle --outdir=out/js/pages --watch",
     "serve:11ty": "eleventy --serve --quiet",
     "clean": "node _tools/cleanOutput.js",
     "serve": "npm run clean && concurrently \"npm run serve:11ty\" \"npm run serve:css\" \"npm run serve:js\"",

package/src/api/.htaccess

@@ -2,16 +2,11 @@
     RewriteEngine On
     RewriteBase /api/
 
-    # 1. Permetti index.php
-    RewriteRule ^index\.php$ - [L]
+    # 1. Se la richiesta è esattamente per index.php, servilo e fermati qui.
+    RewriteRule ^core/index\.php$ - [L]
 
-    # 2. Invece di dare Forbidden [F], manda tutto a index.php
-    # Questo copre config.php e tutte le sottocartelle
-    RewriteRule \.php$ index.php [L]
-    RewriteRule ^(core|endpoints|modules|vendor)($|/) index.php [L]
-
-    # 3. Regola per gli endpoint
-    RewriteCond %{REQUEST_FILENAME} !-f
-    RewriteCond %{REQUEST_FILENAME} !-d
-    RewriteRule ^(.*)$ index.php [QSA,L]
+    # 2. Invia TUTTO il resto a index.php
+    # Non controlliamo più se il file esiste (-f) o meno. 
+    # Qualsiasi cosa scrivano dopo /api/ va a finire nel router PHP.
+    RewriteRule ^(.*)$ core/index.php [QSA,L]
 </IfModule>

package/src/api/config.example.php

@@ -18,10 +18,8 @@ return [
     'API_KEY'              => 'TOKEN',
     'CORS_ALLOWED_ORIGINS' => '*',
 
-    // Configurazioni per l'invio delle Email
-    'MAIL_HOST'            => 'smtp.gmail.com',
-    'MAIL_PORT'            => 587, // Per i numeri puoi omettere gli apici
-    'MAIL_USERNAME'        => 'YOUR_EMAIL',
-    'MAIL_PASSWORD'        => 'APP_PASSWORD',
-    'MAIL_TO_ADDRESS'      => 'EMAIL_TO_ADDRESS',
+    'DB_HOST' => '127.0.0.1',
+    'DB_NAME' => 'example_db',
+    'DB_USER' => 'root',
+    'DB_PASS' => '',
 ];

package/src/api/config.php

@@ -1,27 +1,12 @@
 <?php
 declare(strict_types=1);
 
-if (!defined('CORE_ACCESS')) {
-    $errorPage = $_SERVER['DOCUMENT_ROOT'] . '/404.html';
-    http_response_code(404);
-    if (file_exists($errorPage)) {
-        header('Content-Type: text/html; charset=UTF-8');
-        echo file_get_contents($errorPage);
-    } else {
-        echo "404 Not Found";
-    }
-    exit;
-}
-
 return [
-    // Configurazioni di base
-    'API_KEY'              => 'TOKEN',
+    'API_KEY' => 'YOUR_TOKEN', // This must be give only to trusted clients to access protected endpoints directly
     'CORS_ALLOWED_ORIGINS' => '*',
 
-    // Configurazioni per l'invio delle Email
-    'MAIL_HOST'            => 'smtp.gmail.com',
-    'MAIL_PORT'            => 587, // Per i numeri puoi omettere gli apici
-    'MAIL_USERNAME'        => 'YOUR_EMAIL',
-    'MAIL_PASSWORD'        => 'APP_PASSWORD',
-    'MAIL_TO_ADDRESS'      => 'EMAIL_TO_ADDRESS',
+    'DB_HOST' => '127.0.0.1',
+    'DB_NAME' => 'example_db',
+    'DB_USER' => 'root',
+    'DB_PASS' => '',
 ];

package/src/api/core/composer.json

@@ -1,5 +1,6 @@
 {
     "require": {
-        "vlucas/phpdotenv": "^5.6"
+        "vlucas/phpdotenv": "^5.6",
+        "fakerphp/faker": "^1.24"
     }
 }