nibula 1.2.3 → 1.2.5

package/tools/cli/ui.js

@@ -0,0 +1,74 @@
+const settings = require('../config/settings.json');
+const { color } = require('../lib/colors');
+const { message } = require('../lib/logger');
+
+const SYMBOLS = settings.cli.symbols;
+const COLORS = settings.cli.colors;
+const MENU = settings.cli.menu;
+const BOX_WIDTH = settings.cli.boxWidth;
+const BOX_TITLE = settings.cli.title;
+const BOX_TOP_LEFT = '\u256d';
+const BOX_TOP_RIGHT = '\u256e';
+const BOX_BOTTOM_LEFT = '\u2570';
+const BOX_BOTTOM_RIGHT = '\u256f';
+const BOX_HORIZONTAL = '\u2500';
+const BOX_VERTICAL = '\u2502';
+const NEW_LINE = '\n';
+const SPACE = ' ';
+
+function line(colorName, text) {
+    return `${color[colorName]}${text}${color.reset}`;
+}
+
+function promptLine(text, prefix = NEW_LINE) {
+    return `${prefix}${line(COLORS.prompt, SYMBOLS.prompt)} ${text}`;
+}
+
+function error(text) {
+    console.log(`${NEW_LINE}${line(COLORS.error, `${SYMBOLS.error} ${text}`)}`);
+}
+
+function warning(text) {
+    console.log(`${NEW_LINE}${line(COLORS.warning, `${SYMBOLS.warning} ${text}`)}`);
+}
+
+function notice(text) {
+    console.log(`${NEW_LINE}${line(COLORS.notice, text)}`);
+}
+
+function noticePrefix(text) {
+    return `${NEW_LINE}${line(COLORS.notice, text)}${NEW_LINE}`;
+}
+
+function centeredTitle() {
+    const padding = BOX_WIDTH - BOX_TITLE.length;
+    const left = SPACE.repeat(Math.ceil(padding / 2));
+    const right = SPACE.repeat(Math.floor(padding / 2));
+    return `${left}${BOX_TITLE}${right}`;
+}
+
+function renderMenu() {
+    const border = BOX_HORIZONTAL.repeat(BOX_WIDTH);
+
+    console.log(`${NEW_LINE}${color[COLORS.box]}${color.bold}${BOX_TOP_LEFT}${border}${BOX_TOP_RIGHT}`);
+    console.log(`${BOX_VERTICAL}${centeredTitle()}${BOX_VERTICAL}`);
+    console.log(`${BOX_BOTTOM_LEFT}${border}${BOX_BOTTOM_RIGHT}${color.reset}${NEW_LINE}`);
+
+    for (const item of MENU) {
+        console.log(`  ${line(COLORS.menuKey, `${item.key}.`)} ${item.label}`);
+    }
+
+    console.log(`${NEW_LINE}${line(COLORS.notice, message('cli.exitHint'))}${NEW_LINE}`);
+}
+
+function renderMissingFiles(items) {
+    console.log(`${NEW_LINE}${line(COLORS.error, `${SYMBOLS.error} ${message('cli.missingFiles')}`)}`);
+
+    for (const item of items) {
+        console.log(`  ${line(COLORS.error, SYMBOLS.bullet)} ${item.label}`);
+    }
+
+    console.log(`${NEW_LINE}${line(COLORS.notice, message('cli.incompleteProject'))}`);
+}
+
+module.exports = { promptLine, noticePrefix, error, warning, notice, renderMenu, renderMissingFiles };

package/tools/config/messages.json

@@ -0,0 +1,78 @@
+{
+  "project": {
+    "notInside": "Not inside a Nibula project.",
+    "alreadyInside": "You are already inside a Nibula project.",
+    "alreadyInsideHint": "Run \"nib new\" from outside a project."
+  },
+  "validation": {
+    "invalidName": "Invalid name.",
+    "invalidNameCharacters": "Page name can only contain lowercase letters, numbers, and hyphens.",
+    "nameStartsWithNumber": "Page name cannot start with a number.",
+    "protectedName": "\"{name}\" is a protected page name.",
+    "invalidPath": "Invalid path.",
+    "invalidPathCharacters": "Path contains invalid characters.",
+    "templatesLabel": "CLI page templates"
+  },
+  "page": {
+    "alreadyExists": "[skip] page \"{name}\" already exists",
+    "doesNotExist": "[skip] page \"{name}\" does not exist",
+    "targetExists": "[skip] target page \"{name}\" already exists",
+    "templateMissing": "[skip] template not found: {path}",
+    "fileMissing": "[skip] not found: {path}",
+    "fileCreated": "[created] {path}",
+    "fileRenamed": "[renamed] {source} \u2192 {destination}",
+    "fileDeleted": "[deleted] {path}",
+    "createFailed": "[error] could not create page files: {error}",
+    "renameFailed": "[error] could not rename page files: {error}",
+    "deleteFailed": "[error] {path}: {error}"
+  },
+  "components": {
+    "fileMissing": "[skip] not found: {path}",
+    "anchorMissing": "[skip] no {anchor} anchor in {file}",
+    "blockAdded": "[updated] page block added for \"{name}\"",
+    "blockMissing": "[skip] page block for \"{name}\" not found",
+    "blockRemoved": "[cleaned] page block removed for \"{name}\"",
+    "blockRenamed": "[renamed] page block \"{source}\" \u2192 \"{destination}\""
+  },
+  "siteData": {
+    "fileMissing": "[skip] not found: {path}",
+    "parseFailed": "[error] cannot parse {file}: {error}",
+    "recordExists": "[skip] record \"{name}\" already exists",
+    "recordMissing": "[skip] record \"{name}\" not found",
+    "recordAdded": "[updated] record \"{name}\" added",
+    "recordRemoved": "[cleaned] record \"{name}\" removed",
+    "recordRenamed": "[updated] record \"{source}\" renamed to \"{destination}\""
+  },
+  "output": {
+    "emptyPath": "[skip] empty output path",
+    "readFailed": "[error] cannot read {file}: {error}",
+    "updateFailed": "[error] could not update output path: {error}",
+    "updating": "\nupdating output path \u2192 \"{path}\"",
+    "variableMissing": "[skip] {variable} not found in {file}",
+    "keyMissing": "[skip] {key} not found in {file}",
+    "fileUpdated": "[updated] {file} \u2192 {path}",
+    "directoryDeleted": "[deleted] {path}",
+    "refuseDelete": "[skip] refusing to delete \"{path}\" (outside project)",
+    "missingConfiguration": "(!) {key} not found in {file}",
+    "cleaned": "(\u2713) cleaned \u2192 {path}",
+    "nothingToClean": "(i) nothing to clean \u2192 {path}"
+  },
+  "cli": {
+    "createPrompt": "Name of the new page: ",
+    "removePrompt": "Name of the page to remove: ",
+    "renameFromPrompt": "Page to rename: ",
+    "renameToPrompt": "New name: ",
+    "outputPathPrompt": "New output path: ",
+    "menuPrompt": "Choose an option: ",
+    "currentOutputPath": "Current path: \"{path}\"",
+    "confirmRemove": "This permanently deletes all files for \"{name}\".",
+    "cancelled": "Cancelled.",
+    "pageNotFound": "Page \"{name}\" does not exist.",
+    "sameName": "Old and new name are the same.",
+    "invalidOption": "Invalid option.",
+    "unexpectedError": "Unexpected error: {error}",
+    "missingFiles": "This project is missing required files:",
+    "incompleteProject": "The project may be incomplete or created with a different Nibula version.",
+    "exitHint": "CTRL + C to exit"
+  }
+}

package/tools/config/settings.json

@@ -0,0 +1,135 @@
+{
+  "project": {
+    "marker": ".eleventy.js",
+    "defaultOutputDirectory": "out",
+    "currentDirectory": ".",
+    "outputSuffix": "-out"
+  },
+  "paths": {
+    "eleventyConfig": ".eleventy.js",
+    "packageJson": "package.json",
+    "typescriptConfig": "tsconfig.json",
+    "routes": "src/frontend/routes",
+    "stylePages": "src/frontend/scss/pages",
+    "siteData": "src/frontend/data/site.json",
+    "pageComponents": "src/frontend/layouts/page-components.njk",
+    "templates": "tools/res/templates"
+  },
+  "languages": {
+    "javascript": {
+      "pages": "src/frontend/js/pages",
+      "extension": "js",
+      "template": "template.js"
+    },
+    "typescript": {
+      "pages": "src/frontend/ts/pages",
+      "extension": "ts",
+      "template": "template.ts"
+    }
+  },
+  "packageJson": {
+    "outputKey": "outputDir",
+    "scriptsKey": "scripts"
+  },
+  "eleventy": {
+    "outputVariable": "OUTPUT_DIR"
+  },
+  "typescript": {
+    "outputKey": "outDir",
+    "outputSubdirectory": "ts"
+  },
+  "build": {
+    "scriptOutput": "js/pages"
+  },
+  "outputScripts": [
+    {
+      "name": "build:css",
+      "marker": "/css",
+      "template": "sass src/frontend/scss:{output}/css --no-source-map --style=compressed --quiet --load-path=node_modules"
+    },
+    {
+      "name": "serve:css",
+      "marker": "/css",
+      "template": "sass --watch src/frontend/scss:{output}/css --no-source-map --quiet --load-path=node_modules"
+    },
+    {
+      "name": "build:js",
+      "marker": "/js/pages",
+      "template": "esbuild \"{entries}\" --bundle --outdir={output}/js/pages --minify"
+    },
+    {
+      "name": "serve:js",
+      "marker": "/js/pages",
+      "template": "esbuild \"{entries}\" --bundle --outdir={output}/js/pages --watch"
+    }
+  ],
+  "page": {
+    "protected": ["homepage", "404"],
+    "styleExtension": "scss",
+    "routeExtension": "njk",
+    "styleTemplate": "template.scss",
+    "routeTemplate": "template.njk",
+    "outputFiles": [
+      "js/pages/{camelName}.js",
+      "css/pages/{camelName}.css",
+      "{pageName}.html",
+      "pages/{pageName}.html"
+    ],
+    "outputDirectories": [
+      "{pageName}",
+      "pages/{pageName}"
+    ],
+    "dataKeys": {
+      "pages": "pages",
+      "seo": "seo",
+      "title": "title"
+    },
+    "defaultData": {
+      "seo": {
+        "title": "{title}",
+        "description": "description",
+        "keywords": "",
+        "noindex": false,
+        "canonical": ""
+      },
+      "cdn": {
+        "css": [],
+        "js": []
+      }
+    }
+  },
+  "pageComponents": {
+    "anchor": "{% else %}",
+    "condition": "{% elif title == \"{camelName}\" %}",
+    "include": "{% include \"component.njk\" ignore missing %}"
+  },
+  "frontMatter": {
+    "title": "title: \"{camelName}\"",
+    "permalink": "permalink: \"/{pageName}/\""
+  },
+  "cli": {
+    "title": "Nibula CLI",
+    "boxWidth": 17,
+    "confirmHint": "[y/N]",
+    "symbols": {
+      "prompt": "\u276f",
+      "error": "\u2716",
+      "warning": "\u26a0",
+      "bullet": "-"
+    },
+    "colors": {
+      "box": "cyan",
+      "menuKey": "dim",
+      "prompt": "cyan",
+      "error": "red",
+      "warning": "yellow",
+      "notice": "dim"
+    },
+    "menu": [
+      { "key": "1", "action": "createPage", "label": "Create page" },
+      { "key": "2", "action": "removePage", "label": "Remove page" },
+      { "key": "3", "action": "renamePage", "label": "Rename page" },
+      { "key": "4", "action": "outputPath", "label": "Configure output path" }
+    ]
+  }
+} 

package/tools/lib/colors.js

@@ -0,0 +1,17 @@
+const color = Object.freeze({
+    reset:   '\x1b[0m',
+    bold:    '\x1b[1m',
+    dim:     '\x1b[2m',
+    red:     '\x1b[31m',
+    green:   '\x1b[32m',
+    yellow:  '\x1b[33m',
+    blue:    '\x1b[34m',
+    magenta: '\x1b[35m',
+    cyan:    '\x1b[36m',
+});
+
+function paint(name, text) {
+    return `${color[name] ?? ''}${text}${color.reset}`;
+}
+
+module.exports = { color, paint };

package/tools/lib/files.js

@@ -0,0 +1,65 @@
+const fs = require('fs');
+const path = require('path');
+
+const ENCODING = 'utf8';
+const INDENTATION = 2;
+const NEW_LINE = '\n';
+
+function exists(target) {
+    return fs.existsSync(target);
+}
+
+function ensureDirectory(target) {
+    fs.mkdirSync(path.dirname(target), { recursive: true });
+}
+
+function readText(target) {
+    return fs.readFileSync(target, ENCODING);
+}
+
+function writeText(target, content) {
+    ensureDirectory(target);
+    fs.writeFileSync(target, content);
+}
+
+function readJson(target) {
+    return JSON.parse(readText(target));
+}
+
+function writeJson(target, data) {
+    writeText(target, `${JSON.stringify(data, null, INDENTATION)}${NEW_LINE}`);
+}
+
+function copyFile(source, destination) {
+    ensureDirectory(destination);
+    fs.copyFileSync(source, destination);
+}
+
+function moveFile(source, destination) {
+    ensureDirectory(destination);
+    fs.renameSync(source, destination);
+}
+
+function removeFile(target) {
+    if (!exists(target)) return false;
+    fs.unlinkSync(target);
+    return true;
+}
+
+function removeDirectory(target) {
+    if (!exists(target)) return false;
+    fs.rmSync(target, { recursive: true, force: true });
+    return true;
+}
+
+module.exports = {
+    exists,
+    readText,
+    writeText,
+    readJson,
+    writeJson,
+    copyFile,
+    moveFile,
+    removeFile,
+    removeDirectory,
+};

package/tools/lib/logger.js

@@ -0,0 +1,22 @@
+const messages = require('../config/messages.json');
+const { formatText } = require('./text');
+
+const KEY_SEPARATOR = '.';
+
+function resolveTemplate(key) {
+    return key.split(KEY_SEPARATOR).reduce(
+        (current, part) => (current !== null && typeof current === 'object' ? current[part] : undefined),
+        messages
+    );
+}
+
+function message(key, values) {
+    const template = resolveTemplate(key);
+    return typeof template === 'string' ? formatText(template, values) : key;
+}
+
+function log(key, values) {
+    console.log(message(key, values));
+}
+
+module.exports = { message, log };

package/tools/lib/outputPath.js

@@ -0,0 +1,141 @@
+const path = require('path');
+const settings = require('../config/settings.json');
+const { PATHS } = require('./paths');
+const { readText, writeText, readJson, writeJson, removeDirectory } = require('./files');
+const { log } = require('./logger');
+const { formatText } = require('./text');
+const { isTypeScriptProject, scriptEntries } = require('./project');
+
+const OUTPUT_VARIABLE = settings.eleventy.outputVariable;
+const TYPESCRIPT_OUTPUT_KEY = settings.typescript.outputKey;
+const OUTPUT_VARIABLE_PATTERN = new RegExp(`const ${OUTPUT_VARIABLE}\\s*=\\s*['"\`]([^'"\`]*)['"\`]`);
+const TYPESCRIPT_OUTPUT_PATTERN = new RegExp(`"${TYPESCRIPT_OUTPUT_KEY}"\\s*:\\s*"[^"]*"`);
+const WINDOWS_DRIVE_PATTERN = /^[a-zA-Z]:/;
+const BACKSLASH_PATTERN = /\\/g;
+const TRAILING_SLASH_PATTERN = /\/$/;
+const FORWARD_SLASH = '/';
+const RELATIVE_PREFIX = './';
+const EMPTY = '';
+
+function parseOutputDirectory(content) {
+    const match = content.match(OUTPUT_VARIABLE_PATTERN);
+    return match ? match[1] : null;
+}
+
+function isAbsolutePath(target) {
+    return path.isAbsolute(target) || WINDOWS_DRIVE_PATTERN.test(target);
+}
+
+function updateEleventyConfig(newPath) {
+    const content = readText(PATHS.eleventyConfig);
+    const updated = content.replace(OUTPUT_VARIABLE_PATTERN, `const ${OUTPUT_VARIABLE} = "${newPath}"`);
+
+    if (content === updated) {
+        log('output.variableMissing', { variable: OUTPUT_VARIABLE, file: settings.paths.eleventyConfig });
+        return;
+    }
+    writeText(PATHS.eleventyConfig, updated);
+    log('output.fileUpdated', { file: settings.paths.eleventyConfig, path: newPath });
+}
+
+function updatePackageJson(newPath, oldPath) {
+    const packageJson = readJson(PATHS.packageJson);
+    const entries = scriptEntries();
+
+    packageJson[settings.packageJson.outputKey] = newPath;
+    packageJson[settings.packageJson.scriptsKey] = packageJson[settings.packageJson.scriptsKey] || {};
+
+    const scripts = packageJson[settings.packageJson.scriptsKey];
+
+    for (const { name, marker, template } of settings.outputScripts) {
+        const current = scripts[name];
+        const token = oldPath ? `${oldPath}${marker}` : null;
+
+        if (current && token && current.includes(token)) {
+            scripts[name] = current.split(token).join(`${newPath}${marker}`);
+        } else {
+            scripts[name] = formatText(template, { output: newPath, entries });
+        }
+    }
+
+    writeJson(PATHS.packageJson, packageJson);
+    log('output.fileUpdated', { file: settings.paths.packageJson, path: newPath });
+}
+
+function updateTypeScriptConfig(newPath) {
+    if (!isTypeScriptProject()) return;
+
+    const prefix = isAbsolutePath(newPath) ? EMPTY : RELATIVE_PREFIX;
+    const outputDirectory = `${prefix}${newPath}${FORWARD_SLASH}${settings.typescript.outputSubdirectory}`;
+    const content = readText(PATHS.typescriptConfig);
+    const updated = content.replace(TYPESCRIPT_OUTPUT_PATTERN, `"${TYPESCRIPT_OUTPUT_KEY}": "${outputDirectory}"`);
+
+    if (content === updated) {
+        log('output.keyMissing', { key: TYPESCRIPT_OUTPUT_KEY, file: settings.paths.typescriptConfig });
+        return;
+    }
+    writeText(PATHS.typescriptConfig, updated);
+    log('output.fileUpdated', { file: settings.paths.typescriptConfig, path: outputDirectory });
+}
+
+function deleteOldOutput(oldPath) {
+    if (!oldPath) return;
+
+    const target = path.resolve(PATHS.root, oldPath);
+    const insideProject = target.startsWith(PATHS.root + path.sep);
+
+    if (!insideProject || target === PATHS.root) {
+        log('output.refuseDelete', { path: target });
+        return;
+    }
+    if (removeDirectory(target)) {
+        log('output.directoryDeleted', { path: target });
+    }
+}
+
+function normalizeOutputPath(rawPath) {
+    const trimmed = (rawPath ?? '').trim().replace(BACKSLASH_PATTERN, FORWARD_SLASH);
+    if (!trimmed) return null;
+
+    if (trimmed === settings.project.currentDirectory) return settings.project.defaultOutputDirectory;
+
+    const parent = trimmed.replace(TRAILING_SLASH_PATTERN, EMPTY);
+    return `${parent}${FORWARD_SLASH}${path.basename(PATHS.root)}${settings.project.outputSuffix}`;
+}
+
+function updateOutputPath(rawPath) {
+    const normalizedPath = normalizeOutputPath(rawPath);
+    if (!normalizedPath) {
+        log('output.emptyPath');
+        return;
+    }
+
+    let oldPath = null;
+    try {
+        oldPath = parseOutputDirectory(readText(PATHS.eleventyConfig));
+    } catch (error) {
+        log('output.readFailed', { file: settings.paths.eleventyConfig, error: error.message });
+        return;
+    }
+
+    deleteOldOutput(oldPath);
+    log('output.updating', { path: normalizedPath });
+
+    try {
+        updatePackageJson(normalizedPath, oldPath);
+        updateEleventyConfig(normalizedPath);
+        updateTypeScriptConfig(normalizedPath);
+    } catch (error) {
+        log('output.updateFailed', { error: error.message });
+    }
+}
+
+function getCurrentOutputPath() {
+    try {
+        return parseOutputDirectory(readText(PATHS.eleventyConfig));
+    } catch {
+        return null;
+    }
+}
+
+module.exports = { updateOutputPath, getCurrentOutputPath };

package/tools/lib/pageActions.js

@@ -0,0 +1,138 @@
+const path = require('path');
+const settings = require('../config/settings.json');
+const { PATHS } = require('./paths');
+const { exists, readText, writeText, copyFile, moveFile, removeFile, removeDirectory } = require('./files');
+const { log } = require('./logger');
+const { formatText } = require('./text');
+const { languageSettings } = require('./project');
+const { getPageArtifacts, pageExists } = require('./pageArtifacts');
+const { addSiteData, removeSiteData, renameSiteData } = require('./siteData');
+const { addPageBlock, removePageBlock, renamePageBlock } = require('./pageComponents');
+
+const FRONT_MATTER_PATTERNS = Object.freeze({
+    title:     /^title:.*$/m,
+    permalink: /^permalink:.*$/m,
+});
+
+function templatePath(name) {
+    return path.join(PATHS.templates, name);
+}
+
+function applyFrontMatter(filePath, values) {
+    let content = readText(filePath);
+
+    for (const [key, pattern] of Object.entries(FRONT_MATTER_PATTERNS)) {
+        content = content.replace(pattern, formatText(settings.frontMatter[key], values));
+    }
+
+    writeText(filePath, content);
+}
+
+function addPage(pageName) {
+    if (pageExists(pageName)) {
+        log('page.alreadyExists', { name: pageName });
+        return;
+    }
+
+    const { camelName, source } = getPageArtifacts(pageName);
+    const values = { camelName, pageName };
+
+    const creations = [
+        { destination: source.style,  template: settings.page.styleTemplate,  isRoute: false },
+        { destination: source.script, template: languageSettings().template,  isRoute: false },
+        { destination: source.route,  template: settings.page.routeTemplate,  isRoute: true  },
+    ];
+
+    try {
+        for (const { destination, template, isRoute } of creations) {
+            const templateFile = templatePath(template);
+
+            if (!exists(templateFile)) {
+                log('page.templateMissing', { path: templateFile });
+                continue;
+            }
+
+            copyFile(templateFile, destination);
+            if (isRoute) applyFrontMatter(destination, values);
+
+            log('page.fileCreated', { path: destination });
+        }
+    } catch (error) {
+        log('page.createFailed', { error: error.message });
+        return;
+    }
+
+    addPageBlock(pageName);
+    addSiteData(pageName);
+}
+
+function renamePage(oldName, newName) {
+    if (!pageExists(oldName)) {
+        log('page.doesNotExist', { name: oldName });
+        return;
+    }
+    if (pageExists(newName)) {
+        log('page.targetExists', { name: newName });
+        return;
+    }
+
+    const current = getPageArtifacts(oldName);
+    const next = getPageArtifacts(newName);
+    const values = { camelName: next.camelName, pageName: newName };
+
+    const moves = [
+        { source: current.source.style,  destination: next.source.style,  isRoute: false },
+        { source: current.source.script, destination: next.source.script, isRoute: false },
+        { source: current.source.route,  destination: next.source.route,  isRoute: true  },
+    ];
+
+    try {
+        for (const { source, destination, isRoute } of moves) {
+            if (!exists(source)) {
+                log('page.fileMissing', { path: source });
+                continue;
+            }
+
+            moveFile(source, destination);
+            log('page.fileRenamed', { source, destination });
+
+            if (isRoute) applyFrontMatter(destination, values);
+        }
+    } catch (error) {
+        log('page.renameFailed', { error: error.message });
+        return;
+    }
+
+    renamePageBlock(oldName, newName);
+    renameSiteData(oldName, newName);
+}
+
+function removePage(pageName) {
+    if (!pageExists(pageName)) {
+        log('page.doesNotExist', { name: pageName });
+    }
+
+    const { source, output } = getPageArtifacts(pageName);
+    const files = [source.style, source.script, source.route, ...output.files];
+
+    for (const file of files) {
+        try {
+            if (removeFile(file)) log('page.fileDeleted', { path: file });
+        } catch (error) {
+            log('page.deleteFailed', { path: file, error: error.message });
+        }
+    }
+
+    for (const directory of output.directories) {
+        try {
+            if (removeDirectory(directory)) log('page.fileDeleted', { path: directory });
+        } catch (error) {
+            log('page.deleteFailed', { path: directory, error: error.message });
+        }
+    }
+
+    removePageBlock(pageName);
+    removeSiteData(pageName);
+}
+
+module.exports = { addPage, removePage, renamePage };