create-berna-stencil 2.0.15 → 2.2.0

package/bin/create.js

@@ -5,58 +5,87 @@ const path = require('path');
 const readline = require('readline');
 const { writeSync } = require('fs');
 
-const targetDir = process.argv[2] ? path.resolve(process.argv[2]) : process.cwd();
+// ── PATHS ────────────────────────────────────────────────────────────────────
+
+const targetDir  = process.argv[2] ? path.resolve(process.argv[2]) : process.cwd();
 const templateDir = path.join(__dirname, '..');
 
-const COPY_TARGETS = [
-    'src',
+// ── ENUMS ────────────────────────────────────────────────────────────────────
+
+const LANGUAGE = Object.freeze({
+    JAVASCRIPT: 'javascript',
+    TYPESCRIPT: 'typescript',
+});
+
+const FRAMEWORK = Object.freeze({
+    BOOTSTRAP:  'bootstrap',
+    BULMA:      'bulma',
+    FOUNDATION: 'foundation',
+    UIKIT:      'uikit',
+    NONE:       'none',
+});
+
+// ── CHOICES ──────────────────────────────────────────────────────────────────
+
+const LANGUAGE_CHOICES = [
+    { label: 'JavaScript (default)', value: LANGUAGE.JAVASCRIPT },
+    { label: 'TypeScript',           value: LANGUAGE.TYPESCRIPT },
+];
+
+const FRAMEWORK_CHOICES = [
+    { label: 'Bootstrap (default)', value: FRAMEWORK.BOOTSTRAP  },
+    { label: 'Bulma',               value: FRAMEWORK.BULMA      },
+    { label: 'Foundation',          value: FRAMEWORK.FOUNDATION },
+    { label: 'UIkit',               value: FRAMEWORK.UIKIT      },
+    { label: 'None',                value: FRAMEWORK.NONE       },
+];
+
+// ── COPY CONFIG ───────────────────────────────────────────────────────────────
+
+const MANDATORY_COPY = [
     'docs',
     '_tools',
     '.eleventy.js',
     '.eleventyignore',
+    'src/backend',
+    'src/frontend',
 ];
 
-const GITIGNORE_CONTENT = `
-node_modules/
-src/backend/_core/vendor/
-out/
-src/backend/config.php
-`;
+const FRONTEND_EXCLUDE = {
+    [LANGUAGE.JAVASCRIPT]: ['ts'],
+    [LANGUAGE.TYPESCRIPT]: ['js'],
+};
 
 const CREATE_DIRS = [
     'src/frontend/_routes',
 ];
 
-const ALL_FRAMEWORKS = ['bootstrap', 'bulma', 'foundation', 'uikit'];
+// ── FRAMEWORK CONFIG ──────────────────────────────────────────────────────────
+
+const ALL_FRAMEWORKS = Object.values(FRAMEWORK).filter(f => f !== FRAMEWORK.NONE);
 
 const FRAMEWORKS = {
-    bootstrap: {
-        label: 'Bootstrap',
-        scss: 'bootstrap',
-        njk: [
-            '<script src="/js/bootstrap.bundle.min.js" defer></script>',
-        ],
+    [FRAMEWORK.BOOTSTRAP]: {
+        scss:     'bootstrap',
+        njk:      ['<script src="/js/bootstrap.bundle.min.js" defer></script>'],
         eleventy: [
             '"node_modules/bootstrap/dist/js/bootstrap.bundle.min.js": "js/bootstrap.bundle.min.js",',
             '"node_modules/bootstrap-icons/font/fonts": "css/fonts",',
         ],
     },
-    bulma: {
-        label: 'Bulma',
-        scss: 'bulma',
-        njk: [],
+    [FRAMEWORK.BULMA]: {
+        scss:     'bulma',
+        njk:      [],
         eleventy: [],
     },
-    foundation: {
-        label: 'Foundation',
-        scss: 'foundation',
-        njk: ['<script src="/js/foundation.min.js" defer></script>'],
+    [FRAMEWORK.FOUNDATION]: {
+        scss:     'foundation',
+        njk:      ['<script src="/js/foundation.min.js" defer></script>'],
         eleventy: ['"node_modules/foundation-sites/dist/js/foundation.min.js": "js/foundation.min.js",'],
     },
-    uikit: {
-        label: 'UIkit',
-        scss: 'uikit',
-        njk: [
+    [FRAMEWORK.UIKIT]: {
+        scss:     'uikit',
+        njk:      [
             '<script src="/js/uikit.min.js" defer></script>',
             '<script src="/js/uikit-icons.min.js" defer></script>',
         ],
@@ -65,25 +94,42 @@ const FRAMEWORKS = {
             '"node_modules/uikit/dist/js/uikit-icons.min.js": "js/uikit-icons.min.js",',
         ],
     },
-    none: {
-        label: 'None',
-        scss: null,
-        njk: [],
+    [FRAMEWORK.NONE]: {
+        scss:     null,
+        njk:      [],
         eleventy: [],
     },
 };
 
+// ── LANGUAGE CONFIG ───────────────────────────────────────────────────────────
+
+const LANGUAGE_ELEVENTY = Object.freeze({
+    jsEntry: 'const entryPoints = glob.sync("src/frontend/js/pages/*.js");',
+    tsEntry: 'const entryPoints = glob.sync("src/frontend/ts/pages/*.ts");',
+});
+
+// ── GENERATED FILE CONTENTS ───────────────────────────────────────────────────
+
+const GITIGNORE_CONTENT = `
+node_modules/
+src/backend/_core/vendor/
+out/
+src/backend/config.php
+`;
+
+
 const PROJECT_PACKAGE = {
-    name: path.basename(targetDir),
-    version: '2.0.15',
-    private: true,
-    scripts: {
+    name:      path.basename(targetDir),
+    version:   '2.2.0',
+    private:   true,
+    outputDir: 'out',
+    "scripts": {
         "build:css": "sass src/frontend/scss:out/css --no-source-map --style=compressed --quiet --load-path=node_modules",
-        "build:js": "esbuild \"src/frontend/js/pages/*.js\" --bundle --outdir=out/js/pages --minify",
+        "build:js": "node _tools/buildJs.js",
         "build:11ty": "eleventy",
         "build": "npm run clean && npm run build:css && npm run build:js && npm run build:11ty",
         "serve:css": "sass --watch src/frontend/scss:out/css --no-source-map --quiet --load-path=node_modules",
-        "serve:js": "esbuild \"src/frontend/js/pages/*.js\" --bundle --outdir=out/js/pages --watch",
+        "serve:js": "node _tools/buildJs.js --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\"",
@@ -91,23 +137,25 @@ const PROJECT_PACKAGE = {
         "postinstall": "cd src/backend/_core && composer install --quiet"
     },
     dependencies: {
-        '@11ty/eleventy': '^3.1.2',
+        '@11ty/eleventy':     '^3.1.2',
         '@11ty/eleventy-img': '^6.0.4',
-        'bootstrap': '^5.3.8',
-        'bootstrap-icons': '^1.13.1',
-        'bulma': '^1.0.4',
-        'foundation-sites': '^6.9.0',
+        'bootstrap':          '^5.3.8',
+        'bootstrap-icons':    '^1.13.1',
+        'bulma':              '^1.0.4',
+        'foundation-sites':   '^6.9.0',
         'github-markdown-css': '^5.9.0',
-        'glob': '^13.0.6',
-        'uikit': '^3.25.13',
+        'glob':               '^13.0.6',
+        'uikit':              '^3.25.13',
     },
     devDependencies: {
         'concurrently': '^9.2.1',
-        'esbuild': '^0.27.3',
-        'sass': '^1.77.0',
+        'esbuild':      '^0.27.3',
+        'sass':         '^1.77.0',
     },
 };
 
+// ── HELPERS ───────────────────────────────────────────────────────────────────
+
 function log(msg) {
     writeSync(1, msg + '\n');
 }
@@ -116,13 +164,14 @@ function escapeRegex(str) {
     return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
 
-function copyRecursive(src, dest) {
+function copyRecursive(src, dest, exclude = []) {
     const stat = fs.statSync(src);
     if (stat.isDirectory()) {
         fs.mkdirSync(dest, { recursive: true });
         for (const child of fs.readdirSync(src)) {
             if (child === '.git') continue;
-            copyRecursive(path.join(src, child), path.join(dest, child));
+            if (exclude.includes(child)) continue;
+            copyRecursive(path.join(src, child), path.join(dest, child), exclude);
         }
     } else {
         fs.mkdirSync(path.dirname(dest), { recursive: true });
@@ -159,6 +208,8 @@ function njkUncomment(content, line) {
     return content.split(`{# ${line} #}`).join(line);
 }
 
+// ── APPLY ─────────────────────────────────────────────────────────────────────
+
 function applyFramework(framework) {
     const config = FRAMEWORKS[framework];
 
@@ -178,13 +229,9 @@ function applyFramework(framework) {
     if (fs.existsSync(baseNjkPath)) {
         let content = fs.readFileSync(baseNjkPath, 'utf8');
         ALL_FRAMEWORKS.forEach(fw => {
-            FRAMEWORKS[fw].njk.forEach(line => {
-                content = njkComment(content, line);
-            });
-        });
-        config.njk.forEach(line => {
-            content = njkUncomment(content, line);
+            FRAMEWORKS[fw].njk.forEach(line => { content = njkComment(content, line); });
         });
+        config.njk.forEach(line => { content = njkUncomment(content, line); });
         fs.writeFileSync(baseNjkPath, content);
     }
 
@@ -192,49 +239,50 @@ function applyFramework(framework) {
     if (fs.existsSync(eleventyPath)) {
         let content = fs.readFileSync(eleventyPath, 'utf8');
         ALL_FRAMEWORKS.forEach(fw => {
-            FRAMEWORKS[fw].eleventy.forEach(line => {
-                content = slashComment(content, line);
-            });
-        });
-        config.eleventy.forEach(line => {
-            content = slashUncomment(content, line);
+            FRAMEWORKS[fw].eleventy.forEach(line => { content = slashComment(content, line); });
         });
+        config.eleventy.forEach(line => { content = slashUncomment(content, line); });
         fs.writeFileSync(eleventyPath, content);
     }
 }
 
-function askFramework() {
+function applyLanguage(language) {
+    const eleventyPath = path.join(targetDir, '.eleventy.js');
+    if (!fs.existsSync(eleventyPath)) return;
+
+    let content = fs.readFileSync(eleventyPath, 'utf8');
+
+    if (language === LANGUAGE.TYPESCRIPT) {
+        content = slashComment(content,   LANGUAGE_ELEVENTY.jsEntry);
+        content = slashUncomment(content, LANGUAGE_ELEVENTY.tsEntry);
+    } else {
+        content = slashUncomment(content, LANGUAGE_ELEVENTY.jsEntry);
+        content = slashComment(content,   LANGUAGE_ELEVENTY.tsEntry);
+    }
+
+    fs.writeFileSync(eleventyPath, content);
+}
+
+// ── UI ────────────────────────────────────────────────────────────────────────
+
+function askChoice(question, choices) {
     return new Promise((resolve) => {
-        const choices = [
-            { label: 'Bootstrap (default)', value: 'bootstrap' },
-            { label: 'Bulma', value: 'bulma' },
-            { label: 'Foundation', value: 'foundation' },
-            { label: 'UIkit', value: 'uikit' },
-            { label: 'None', value: 'none' }
-        ];
         let selectedIndex = 0;
 
-        log('\n>> Select a CSS framework (Use arrow keys and press Enter):\n');
+        log(`\n>> ${question} (Use arrow keys and press Enter):\n`);
 
         const render = (firstTime = false) => {
-            if (!firstTime) {
-                process.stdout.write(`\x1B[${choices.length}A`);
-            }
-            let output = '';
-            choices.forEach((choice, index) => {
-                if (index === selectedIndex) {
-                    output += `  \x1b[36m◉ ${choice.label}\x1b[0m\x1B[K\n`;
-                } else {
-                    output += `  * ${choice.label}\x1B[K\n`;
-                }
-            });
+            if (!firstTime) process.stdout.write(`\x1B[${choices.length}A`);
+            const output = choices.map((choice, index) =>
+                index === selectedIndex
+                    ? `  \x1b[36m◉ ${choice.label}\x1b[0m\x1B[K\n`
+                    : `  * ${choice.label}\x1B[K\n`
+            ).join('');
             process.stdout.write(output);
         };
 
         readline.emitKeypressEvents(process.stdin);
-        if (process.stdin.isTTY) {
-            process.stdin.setRawMode(true);
-        }
+        if (process.stdin.isTTY) process.stdin.setRawMode(true);
         process.stdin.resume();
 
         const onKeyPress = (str, key) => {
@@ -248,9 +296,7 @@ function askFramework() {
                 render();
             } else if (key.name === 'return' || key.name === 'enter') {
                 process.stdin.removeListener('keypress', onKeyPress);
-                if (process.stdin.isTTY) {
-                    process.stdin.setRawMode(false);
-                }
+                if (process.stdin.isTTY) process.stdin.setRawMode(false);
                 process.stdin.pause();
                 resolve(choices[selectedIndex].value);
             }
@@ -261,23 +307,26 @@ function askFramework() {
     });
 }
 
+// ── INIT ──────────────────────────────────────────────────────────────────────
+
 async function init() {
-    if (!fs.existsSync(targetDir)) {
-        fs.mkdirSync(targetDir, { recursive: true });
-    }
+    if (!fs.existsSync(targetDir)) fs.mkdirSync(targetDir, { recursive: true });
 
     log(`\n>> Creating berna-stencil project in ${targetDir}\n`);
 
-    for (const target of COPY_TARGETS) {
-        const src = path.join(templateDir, target);
+    const language  = await askChoice('Select a language',      LANGUAGE_CHOICES);
+    const framework = await askChoice('Select a CSS framework', FRAMEWORK_CHOICES);
+
+    for (const target of MANDATORY_COPY) {
+        const src  = path.join(templateDir, target);
         const dest = path.join(targetDir, target);
-        if (fs.existsSync(src)) {
-            copyRecursive(src, dest);
-            log(`+ ${target}`);
-        }
+        if (!fs.existsSync(src)) continue;
+        const exclude = target === 'src/frontend' ? FRONTEND_EXCLUDE[language] : [];
+        copyRecursive(src, dest, exclude);
+        log(`+ ${target}`);
     }
 
-    const configDest = path.join(targetDir, 'src/backend/config.php');
+    const configDest    = path.join(targetDir, 'src/backend/config.php');
     const configExample = path.join(targetDir, 'src/backend/config.example.php');
     if (!fs.existsSync(configDest) && fs.existsSync(configExample)) {
         fs.copyFileSync(configExample, configDest);
@@ -285,30 +334,31 @@ async function init() {
     }
     deleteFileRecursive(targetDir, 'config.example.php');
 
-    fs.writeFileSync(
-        path.join(targetDir, 'package.json'),
-        JSON.stringify(PROJECT_PACKAGE, null, 2)
-    );
+    const pkg = { ...PROJECT_PACKAGE };
+
+    if (language === LANGUAGE.TYPESCRIPT) {
+        const tsSrc  = path.join(templateDir, 'tsconfig.json');
+        const tsDest = path.join(targetDir, 'tsconfig.json');
+        fs.copyFileSync(tsSrc, tsDest);
+        log('+ tsconfig.json');
+        pkg.devDependencies = { ...pkg.devDependencies, typescript: 'latest' };
+    }
+
+    fs.writeFileSync(path.join(targetDir, 'package.json'), JSON.stringify(pkg, null, 2));
     log('+ package.json');
 
-    fs.writeFileSync(
-        path.join(targetDir, '.gitignore'),
-        GITIGNORE_CONTENT
-    );
+    fs.writeFileSync(path.join(targetDir, '.gitignore'), GITIGNORE_CONTENT);
     log('+ .gitignore');
 
     for (const dir of CREATE_DIRS) {
-    const dest = path.join(targetDir, dir);
-    fs.mkdirSync(dest, { recursive: true });
+        fs.mkdirSync(path.join(targetDir, dir), { recursive: true });
     }
 
-    const framework = await askFramework();
     applyFramework(framework);
+    applyLanguage(language);
 
     log(`\n>> Done! Now run:\n`);
-    if (process.argv[2]) {
-        log(`cd ${process.argv[2]}`);
-    }
+    if (process.argv[2]) log(`cd ${process.argv[2]}`);
     log('npm install');
     log('npm run serve\n');
 }

package/docs/Assistant CLI.md

@@ -1,5 +1,7 @@
 # Assistant CLI
 
+> Examples use JavaScript, but everything applies equally to TypeScript. The only difference is the file extension (`.ts` instead of `.js`), that imports do **not** include the extension, and that paths use `src/frontend/ts/` instead of `src/frontend/js/`.
+
 An interactive CLI to manage pages without touching files manually.
 
 ```

package/docs/Creating pages.md

@@ -1,5 +1,7 @@
 # Creating Pages
 
+> Examples use JavaScript, but everything applies equally to TypeScript. The only difference is the file extension (`.ts` instead of `.js`), that imports do **not** include the extension, and that paths use `src/frontend/ts/` instead of `src/frontend/js/`.
+
 The recommended way is via the **Assistant CLI**
 
 ## What gets created

package/docs/Javascript.md

@@ -1,70 +1,63 @@
 # JavaScript
 
-## Page JS
+> Examples use JavaScript, but everything applies equally to TypeScript. The only difference is the file extension (`.ts` instead of `.js`), that imports do **not** include the extension, and that paths use `src/frontend/ts/` instead of `src/frontend/js/`.
 
-Each page has its own JS entry point in `src/frontend/js/pages/`
+## Page JS
 
-It is bundled and minified by esbuild and loaded automatically by `base.njk`
+Each page has its own JS entry point in `src/frontend/js/pages/`, bundled and minified by esbuild and loaded automatically by `base.njk`.
 
 Import only what the page needs.
 
 ### examplePage.js <small>(`src/frontend/js/pages/`)</small>
+
 ```js
-import { showNotification } from '../modules/notification.js';
+//===========================
+// JAVASCRIPT MODULES IMPORTS
+//===========================
+
+// import { initExampleModule } from '../modules/exampleModule.js';
 
-import { initNormalizePhoneNumber } from '../modules/forms/normalizePhoneNumber.js';
+//==========================
+// PAGE CUSTOM JAVASCRIPT
+//==========================
 
 document.addEventListener("DOMContentLoaded", () => {
-  initNormalizePhoneNumber();
+    // initExampleModule();
 });
-
-showNotification("Page loaded", "success", 3000);
 ```
 
 ## Modules
 
-Modules live in `src/frontend/js/modules/`. Some must be called inside `DOMContentLoaded` as they interact with the DOM; others create elements dynamically and can be called anywhere.
-
-### Call inside `DOMContentLoaded`
-
-| Module | Function |
-|---|---|
-| `modules/langSwitcher.js` | `initLangSwitcher()` |
-| `modules/forms/form.js` | `initFormListener()` |
-| `modules/forms/textAreaAutoExpand.js` | `initTextAreaAutoExpand()` |
-| `modules/forms/normalizePhoneNumber.js` | `initNormalizePhoneNumber()` |
-
-### Call anywhere
-
-| Module | Function |
-|---|---|
-| `modules/notification.js` | `showNotification(text, type, duration)` |
-
-### `showNotification` parameters
-
-| Parameter | Type | Default | Values |
-|---|---|---|---|
-| `text` | string | — | Any string |
-| `type` | string | `"info"` | `"success"`, `"info"`, `"error"` |
-| `duration` | number | `5000` | ms, or `-1` for persistent with spinner |
+Modules live in `src/frontend/js/modules/`. Modules that interact with the DOM must be called inside `DOMContentLoaded`; others can be called anywhere.
 
 ## Adding a module
 
-Create a new `.js` file in `src/frontend/js/modules/`. You can organize them into subfolders freely.
+Create a new `.js` file in `src/frontend/js/modules/`. Subfolders are allowed.
 
 Use ESM syntax — esbuild handles the bundling:
 
+### exampleModule.js <small>(`src/frontend/js/modules/`)</small>
+
 ```js
-// _yourModule.js
-export function yourFunction() {
-  // ...
+//==========================
+// EXAMPLE MODULE
+//==========================
+
+export function exampleModule() {
+    // Example module logic
 }
 ```
 
 Then import it in the pages that need it:
 
 ```js
-import { yourFunction } from '../modules/yourModule.js';
+import { exampleModule } from '../modules/exampleModule.js';
+```
+
+In TypeScript, omit the extension:
+
+```ts
+import { exampleModule } from '../modules/exampleModule';
 ```
 
 > ⚠️ Files inside `_tools/` run directly in Node.js without a bundler — use CommonJS (`require` / `module.exports`) there, not ESM.

package/package.json

@@ -1,63 +1,64 @@
-{
-  "name": "create-berna-stencil",
-  "version": "2.0.15",
-  "description": "Eleventy boilerplate with per-page SCSS/JS pipeline, esbuild bundling, multi-framework CSS support and a built-in page management CLI",
-  "keywords": [],
-  "author": "Michele Garofalo",
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/rhaastrake/berna-stencil"
-  },
-  "homepage": "https://github.com/rhaastrake/berna-stencil#readme",
-  "bugs": {
-    "url": "https://github.com/rhaastrake/berna-stencil/issues"
-  },
-  "bin": {
-    "create-berna-stencil": "bin/create.js"
-  },
-  "files": [
-    "bin/",
-    "docs/",
-    "src/",
-    "_tools/",
-    ".eleventy.js",
-    ".eleventyignore",
-    ".gitignore",
-    "LICENSE",
-    "NOTICE"
-  ],
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "dependencies": {
-    "@11ty/eleventy": "^3.1.2",
-    "@11ty/eleventy-img": "^6.0.4",
-    "bootstrap": "^5.3.8",
-    "bootstrap-icons": "^1.13.1",
-    "bulma": "^1.0.4",
-    "foundation-sites": "^6.9.0",
-    "github-markdown-css": "^5.9.0",
-    "glob": "^13.0.6",
-    "markdown-it": "^14.2.0",
-    "uikit": "^3.25.13"
-  },
-  "devDependencies": {
-    "concurrently": "^9.2.1",
-    "esbuild": "^0.27.3",
-    "sass": "^1.77.0"
-  },
-  "scripts": {
-    "build:css": "sass src/frontend/scss:out/css --no-source-map --style=compressed --quiet",
-    "build:js": "esbuild \"src/frontend/js/pages/*.js\" --bundle --outdir=out/js/pages --minify",
-    "build:11ty": "eleventy",
-    "build": "npm run clean && npm run build:css && npm run build:js && npm run build:11ty",
-    "serve:css": "sass --watch src/frontend/scss:out/css --no-source-map --quiet",
-    "serve:js": "esbuild \"src/frontend/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\"",
-    "assistant": "node _tools/assistant.js",
-    "postinstall": "cd src/backend/_core && composer install --quiet"
-  }
-}
+{
+  "name": "create-berna-stencil",
+  "version": "2.2.0",
+  "description": "Eleventy boilerplate with per-page SCSS/JS pipeline, esbuild bundling, multi-framework CSS support and a built-in page management CLI",
+  "keywords": [],
+  "author": "Michele Garofalo",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rhaastrake/berna-stencil"
+  },
+  "homepage": "https://github.com/rhaastrake/berna-stencil#readme",
+  "bugs": {
+    "url": "https://github.com/rhaastrake/berna-stencil/issues"
+  },
+  "bin": {
+    "create-berna-stencil": "bin/create.js"
+  },
+  "files": [
+    "bin/",
+    "docs/",
+    "src/",
+    "_tools/",
+    ".eleventy.js",
+    ".eleventyignore",
+    ".gitignore",
+    "LICENSE",
+    "NOTICE"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "@11ty/eleventy": "^3.1.2",
+    "@11ty/eleventy-img": "^6.0.4",
+    "bootstrap": "^5.3.8",
+    "bootstrap-icons": "^1.13.1",
+    "bulma": "^1.0.4",
+    "foundation-sites": "^6.9.0",
+    "github-markdown-css": "^5.9.0",
+    "glob": "^13.0.6",
+    "markdown-it": "^14.2.0",
+    "uikit": "^3.25.13"
+  },
+  "devDependencies": {
+    "concurrently": "^9.2.1",
+    "esbuild": "^0.27.3",
+    "sass": "^1.77.0"
+  },
+"scripts": {
+    "build:css": "sass src/frontend/scss:out/css --no-source-map --style=compressed --quiet --load-path=node_modules",
+    "build:js": "node _tools/buildJs.js",
+    "build:11ty": "eleventy",
+    "build": "npm run clean && npm run build:css && npm run build:js && npm run build:11ty",
+    "serve:css": "sass --watch src/frontend/scss:out/css --no-source-map --quiet --load-path=node_modules",
+    "serve:js": "node _tools/buildJs.js --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\"",
+    "assistant": "node _tools/assistant.js",
+    "postinstall": "cd src/backend/_core && composer install --quiet"
+  },
+  "outputDir": "out"
+}