create-berna-stencil 2.6.3 → 2.6.4

package/_tools/modules/updateData.js

@@ -1,84 +0,0 @@
-const fs = require('fs');
-const { PATHS } = require('./constants');
-const { toCamelCase, toNiceTitle } = require('./utils');
-
-function readSiteData() {
-    if (!fs.existsSync(PATHS.siteData)) {
-        console.log(`[skip] not found: ${PATHS.siteData}`);
-        return null;
-    }
-    try {
-        const data = JSON.parse(fs.readFileSync(PATHS.siteData, 'utf8'));
-        if (!data.pages || typeof data.pages !== 'object') data.pages = {};
-        return data;
-    } catch (err) {
-        console.log(`[error] cannot parse site.json: ${err.message}`);
-        return null;
-    }
-}
-
-function writeSiteData(data) {
-    fs.writeFileSync(PATHS.siteData, `${JSON.stringify(data, null, 2)}\n`);
-}
-
-function addSiteData(pageName) {
-    const data = readSiteData();
-    if (!data) return;
-
-    const camelName = toCamelCase(pageName);
-    if (data.pages[camelName]) {
-        console.log(`[skip] record "${camelName}" already exists`);
-        return;
-    }
-
-    data.pages[camelName] = {
-        seo: { title: toNiceTitle(pageName), description: 'description' },
-        cdn: { css: [], js: [] },
-    };
-
-    writeSiteData(data);
-    console.log(`[updated] record "${camelName}" added`);
-}
-
-function removeSiteData(pageName) {
-    const data = readSiteData();
-    if (!data) return;
-
-    const camelName = toCamelCase(pageName);
-    if (!data.pages[camelName]) {
-        console.log(`[skip] record "${camelName}" not found`);
-        return;
-    }
-
-    delete data.pages[camelName];
-    writeSiteData(data);
-    console.log(`[cleaned] record "${camelName}" removed`);
-}
-
-function renameSiteData(oldName, newName) {
-    const data = readSiteData();
-    if (!data) return;
-
-    const oldCamel = toCamelCase(oldName);
-    const newCamel = toCamelCase(newName);
-
-    if (!data.pages[oldCamel]) {
-        console.log(`[skip] record "${oldCamel}" not found`);
-        return;
-    }
-    if (data.pages[newCamel]) {
-        console.log(`[skip] record "${newCamel}" already exists`);
-        return;
-    }
-
-    data.pages[newCamel] = {
-        ...data.pages[oldCamel],
-        seo: { ...data.pages[oldCamel].seo, title: toNiceTitle(newName) },
-    };
-    delete data.pages[oldCamel];
-
-    writeSiteData(data);
-    console.log(`[updated] record "${oldCamel}" renamed to "${newCamel}"`);
-}
-
-module.exports = { addSiteData, removeSiteData, renameSiteData };

package/_tools/modules/updateOutputPath.js

@@ -1,112 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const { PATHS } = require('./constants');
-const { isTypeScriptProject } = require('./utils');
-
-const OUTPUT_DIR_REGEX = /const OUTPUT_DIR\s*=\s*['"`]([^'"`]*)['"`]/;
-const TSCONFIG_OUTDIR_REGEX = /"outDir"\s*:\s*"[^"]*"/;
-
-function parseOutputDir(content) {
-    const match = content.match(OUTPUT_DIR_REGEX);
-    return match ? match[1] : null;
-}
-
-function updateEleventyConfig(newPath) {
-    const content = fs.readFileSync(PATHS.eleventyConfig, 'utf8');
-    const updated = content.replace(OUTPUT_DIR_REGEX, `const OUTPUT_DIR = "${newPath}"`);
-
-    if (content === updated) {
-        console.log('[skip] OUTPUT_DIR not found in .eleventy.js');
-        return;
-    }
-    fs.writeFileSync(PATHS.eleventyConfig, updated);
-    console.log(`[updated] .eleventy.js → ${newPath}`);
-}
-
-function updatePackageJson(newPath) {
-    const pkg = JSON.parse(fs.readFileSync(PATHS.packageJson, 'utf8'));
-    const scriptGlob = isTypeScriptProject()
-        ? 'src/frontend/ts/pages/*.ts'
-        : 'src/frontend/js/pages/*.js';
-
-    pkg.outputDir = newPath;
-    pkg.scripts = pkg.scripts || {};
-    pkg.scripts['build:css'] = `sass src/frontend/scss:${newPath}/css --no-source-map --style=compressed --quiet`;
-    pkg.scripts['serve:css'] = `sass --watch src/frontend/scss:${newPath}/css --no-source-map --quiet`;
-    pkg.scripts['build:js']  = `esbuild "${scriptGlob}" --bundle --outdir=${newPath}/js/pages --minify`;
-    pkg.scripts['serve:js']  = `esbuild "${scriptGlob}" --bundle --outdir=${newPath}/js/pages --watch`;
-
-    fs.writeFileSync(PATHS.packageJson, `${JSON.stringify(pkg, null, 2)}\n`);
-    console.log(`[updated] package.json → ${newPath}`);
-}
-
-function updateTsConfig(newPath) {
-    if (!isTypeScriptProject()) return;
-
-    const content = fs.readFileSync(PATHS.tsconfig, 'utf8');
-    const updated = content.replace(TSCONFIG_OUTDIR_REGEX, `"outDir": "./${newPath}/ts"`);
-
-    if (content === updated) {
-        console.log('[skip] outDir not found in tsconfig.json');
-        return;
-    }
-    fs.writeFileSync(PATHS.tsconfig, updated);
-    console.log(`[updated] tsconfig.json → ${newPath}/ts`);
-}
-
-function deleteOldOutput(oldPath) {
-    if (!oldPath) return;
-
-    const oldAbsPath = path.resolve(PATHS.root, oldPath);
-    const insideProject = oldAbsPath.startsWith(PATHS.root + path.sep);
-
-    if (!insideProject || oldAbsPath === PATHS.root) {
-        console.log(`[skip] refusing to delete "${oldAbsPath}" (outside project)`);
-        return;
-    }
-    if (fs.existsSync(oldAbsPath)) {
-        fs.rmSync(oldAbsPath, { recursive: true, force: true });
-        console.log(`[deleted] ${oldAbsPath}`);
-    }
-}
-
-function updateOutputPath(rawPath) {
-    const trimmed = (rawPath ?? '').trim().replace(/\\/g, '/');
-    if (!trimmed) {
-        console.log('[skip] empty output path');
-        return;
-    }
-
-    const normalizedPath = trimmed === '.'
-        ? 'out'
-        : `${trimmed.replace(/\/$/, '')}/${path.basename(process.cwd())}-out`;
-
-    let oldPath = null;
-    try {
-        oldPath = parseOutputDir(fs.readFileSync(PATHS.eleventyConfig, 'utf8'));
-    } catch (err) {
-        console.log(`[error] cannot read .eleventy.js: ${err.message}`);
-        return;
-    }
-
-    deleteOldOutput(oldPath);
-
-    console.log(`\nupdating output path → "${normalizedPath}"`);
-    try {
-        updatePackageJson(normalizedPath);
-        updateEleventyConfig(normalizedPath);
-        updateTsConfig(normalizedPath);
-    } catch (err) {
-        console.log(`[error] could not update output path: ${err.message}`);
-    }
-}
-
-function getCurrentOutputPath() {
-    try {
-        return parseOutputDir(fs.readFileSync(PATHS.eleventyConfig, 'utf8'));
-    } catch {
-        return null;
-    }
-}
-
-module.exports = { updateOutputPath, getCurrentOutputPath };

package/_tools/modules/updatePage.js

@@ -1,162 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const { PATHS } = require('./constants');
-const { toCamelCase, isTypeScriptProject } = require('./utils');
-const { addSiteData, removeSiteData, renameSiteData } = require('./updateData');
-const { addPageBlock, removePageBlock, renamePageBlock } = require('./pageComponents');
-const { getCurrentOutputPath } = require('./updateOutputPath');
-
-function getPageArtifacts(pageName) {
-    const camelName  = toCamelCase(pageName);
-    const usesTs     = isTypeScriptProject();
-    const scriptDir  = usesTs ? PATHS.tsPages : PATHS.jsPages;
-    const scriptExt  = usesTs ? 'ts' : 'js';
-    const outputRoot = path.join(PATHS.root, getCurrentOutputPath() || 'out');
-
-    return {
-        camelName,
-        source: {
-            scss:   path.join(PATHS.scssPages, `${camelName}.scss`),
-            script: path.join(scriptDir, `${camelName}.${scriptExt}`),
-            route:  path.join(PATHS.routes, `${pageName}.njk`),
-        },
-        output: {
-            files: [
-                path.join(outputRoot, 'js', 'pages',  `${camelName}.js`),
-                path.join(outputRoot, 'css', 'pages', `${camelName}.css`),
-                path.join(outputRoot, `${pageName}.html`),
-                path.join(outputRoot, 'pages', `${pageName}.html`),
-            ],
-            folders: [
-                path.join(outputRoot, pageName),
-                path.join(outputRoot, 'pages', pageName),
-            ],
-        },
-    };
-}
-
-function pageExists(pageName) {
-    return fs.existsSync(path.join(PATHS.routes, `${pageName}.njk`));
-}
-
-function applyRouteFrontMatter(filePath, camelName, pageName) {
-    const content = fs.readFileSync(filePath, 'utf8')
-        .replace(/^title:.*$/m,     `title: "${camelName}"`)
-        .replace(/^permalink:.*$/m, `permalink: "/${pageName}/"`);
-    fs.writeFileSync(filePath, content);
-}
-
-function addPage(pageName) {
-    if (pageExists(pageName)) {
-        console.log(`[skip] page "${pageName}" already exists`);
-        return;
-    }
-
-    const { camelName, source } = getPageArtifacts(pageName);
-    const usesTs = isTypeScriptProject();
-
-    const creations = [
-        { dest: source.scss,   template: 'template.scss',                       isRoute: false },
-        { dest: source.script, template: usesTs ? 'template.ts' : 'template.js', isRoute: false },
-        { dest: source.route,  template: 'template.njk',                        isRoute: true  },
-    ];
-
-    try {
-        creations.forEach(({ dest, template, isRoute }) => {
-            const templatePath = path.join(PATHS.templates, template);
-            if (!fs.existsSync(templatePath)) {
-                console.log(`[skip] template not found: ${templatePath}`);
-                return;
-            }
-
-            fs.mkdirSync(path.dirname(dest), { recursive: true });
-            fs.copyFileSync(templatePath, dest);
-            if (isRoute) applyRouteFrontMatter(dest, camelName, pageName);
-
-            console.log(`[created] ${dest}`);
-        });
-    } catch (err) {
-        console.log(`[error] could not create page files: ${err.message}`);
-        return;
-    }
-
-    addPageBlock(pageName);
-    addSiteData(pageName);
-}
-
-function renamePage(oldName, newName) {
-    if (!pageExists(oldName)) {
-        console.log(`[skip] page "${oldName}" does not exist`);
-        return;
-    }
-    if (pageExists(newName)) {
-        console.log(`[skip] target page "${newName}" already exists`);
-        return;
-    }
-
-    const oldArtifacts = getPageArtifacts(oldName);
-    const newArtifacts = getPageArtifacts(newName);
-
-    const moves = [
-        { src: oldArtifacts.source.scss,   dest: newArtifacts.source.scss   },
-        { src: oldArtifacts.source.script, dest: newArtifacts.source.script },
-        { src: oldArtifacts.source.route,  dest: newArtifacts.source.route  },
-    ];
-
-    try {
-        moves.forEach(({ src, dest }) => {
-            if (!fs.existsSync(src)) {
-                console.log(`[skip] not found: ${src}`);
-                return;
-            }
-            fs.mkdirSync(path.dirname(dest), { recursive: true });
-            fs.renameSync(src, dest);
-            console.log(`[renamed] ${src} → ${dest}`);
-
-            if (dest.endsWith('.njk')) applyRouteFrontMatter(dest, newArtifacts.camelName, newName);
-        });
-    } catch (err) {
-        console.log(`[error] could not rename page files: ${err.message}`);
-        return;
-    }
-
-    renamePageBlock(oldName, newName);
-    renameSiteData(oldName, newName);
-}
-
-function removePage(pageName) {
-    if (!pageExists(pageName)) {
-        console.log(`[skip] page "${pageName}" does not exist`);
-    }
-
-    const { source, output } = getPageArtifacts(pageName);
-    const filesToDelete = [source.scss, source.script, source.route, ...output.files];
-
-    filesToDelete.forEach((file) => {
-        try {
-            if (fs.existsSync(file)) {
-                fs.unlinkSync(file);
-                console.log(`[deleted] ${file}`);
-            }
-        } catch (err) {
-            console.log(`[error] ${file}: ${err.message}`);
-        }
-    });
-
-    output.folders.forEach((folder) => {
-        try {
-            if (fs.existsSync(folder)) {
-                fs.rmSync(folder, { recursive: true, force: true });
-                console.log(`[deleted] ${folder}`);
-            }
-        } catch (err) {
-            console.log(`[error] ${folder}: ${err.message}`);
-        }
-    });
-
-    removePageBlock(pageName);
-    removeSiteData(pageName);
-}
-
-module.exports = { addPage, removePage, renamePage, pageExists };

package/_tools/modules/utils.js

@@ -1,27 +0,0 @@
-const fs = require('fs');
-const { PATHS } = require('./constants');
-
-function toCamelCase(value) {
-    return value.toLowerCase().replace(/[-_][a-z0-9]/g, (group) => group.slice(1).toUpperCase());
-}
-
-function toKebabCase(value) {
-    return value.trim().toLowerCase()
-        .replace(/[^a-z0-9\s_-]/g, '')
-        .replace(/[\s_]+/g, '-')
-        .replace(/-+/g, '-')
-        .replace(/^-+|-+$/g, '');
-}
-
-function toNiceTitle(pageName) {
-    return pageName.split('-')
-        .filter(Boolean)
-        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-        .join(' ');
-}
-
-function isTypeScriptProject() {
-    return fs.existsSync(PATHS.tsconfig);
-}
-
-module.exports = { toCamelCase, toKebabCase, toNiceTitle, isTypeScriptProject };

package/_tools/modules/validation.js

@@ -1,20 +0,0 @@
-const { MAX_PAGE_NAME_LENGTH, PROTECTED_PAGES } = require('./constants');
-
-function validatePageName(name) {
-    if (!name)                              return 'Invalid name.';
-    if (name.length > MAX_PAGE_NAME_LENGTH) return `Name must be ${MAX_PAGE_NAME_LENGTH} characters or fewer.`;
-    if (!/^[a-z0-9-]+$/.test(name))         return 'Page name can only contain lowercase letters, numbers, and hyphens.';
-    if (/^\d/.test(name))                   return 'Page name cannot start with a number.';
-    if (PROTECTED_PAGES.includes(name))     return `"${name}" is a protected page name.`;
-    return null;
-}
-
-function validateOutputPath(input) {
-    const value = (input ?? '').trim();
-    if (!value)                    return 'Invalid path.';
-    if (value.includes('..'))      return 'Path cannot contain "..".';
-    if (/[<>|?*"']/.test(value))   return 'Path contains invalid characters.';
-    return null;
-}
-
-module.exports = { validatePageName, validateOutputPath };

package/_tools/res/templates/template.js

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

package/_tools/res/templates/template.njk

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

package/_tools/res/templates/template.scss

@@ -1,23 +0,0 @@
-//==========================
-// 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";
-
-//==========================
-// 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/_tools/res/templates/template.ts

@@ -1,5 +0,0 @@
-// import { initExampleModule } from '../modules/exampleModule';
-
-document.addEventListener("DOMContentLoaded", (): void => {
-    // initExampleModule();
-});