@tobi2409/layout 0.9.0 → 0.9.2

package/README.md

@@ -37,6 +37,12 @@ Process the HTML file:
 npx layout path/to/application.html
 ```
 
+You can also pass a directory. It is searched recursively for `.html` and `.htm` files; output directories are skipped:
+
+```sh
+npx layout path/to/pages
+```
+
 The output directory defaults to `generated`. Use `--output-dir` (or `-o`) to choose another name:
 
 ```sh

package/bin/layout.mjs

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
 
-import { mkdir, readFile, writeFile } from 'node:fs/promises'
+import { mkdir, readFile, readdir, realpath, stat, writeFile } from 'node:fs/promises'
 import { basename, dirname, extname, join } from 'node:path'
-import { pathToFileURL } from 'node:url'
+import { fileURLToPath } from 'node:url'
 import { parse, serialize } from 'parse5'
 
 const ALIGNMENTS = new Set(['top', 'right', 'bottom', 'left', 'client'])
@@ -36,6 +36,11 @@ function walk(node, visitor) {
     for (const child of node.childNodes ?? []) {
         walk(child, visitor)
     }
+
+    // parse5 speichert den Inhalt von <template> in einem separaten DocumentFragment.
+    if (node.content) {
+        walk(node.content, visitor)
+    }
 }
 
 function parseAlignment(value, source) {
@@ -313,13 +318,40 @@ export async function compileFile(fileName, outputDirectoryName = 'generated') {
     return { ...result, htmlFile, cssFile, runtimeFile }
 }
 
+async function findHtmlFiles(directory, outputDirectoryName) {
+    const files = []
+
+    for (const entry of await readdir(directory, { withFileTypes: true })) {
+        const entryPath = join(directory, entry.name)
+
+        if (entry.isDirectory()) {
+            if (entry.name !== outputDirectoryName) {
+                files.push(...await findHtmlFiles(entryPath, outputDirectoryName))
+            }
+        } else if (entry.isFile() && /\.html?$/i.test(entry.name)) {
+            files.push(entryPath)
+        }
+    }
+
+    return files
+}
+
+export async function compilePath(inputPath, outputDirectoryName = 'generated') {
+    const input = await stat(inputPath)
+    const files = input.isDirectory()
+        ? await findHtmlFiles(inputPath, outputDirectoryName)
+        : [inputPath]
+
+    return Promise.all(files.map((fileName) => compileFile(fileName, outputDirectoryName)))
+}
+
 async function main() {
     const args = process.argv.slice(2)
     const fileName = args[0]
     let outputDirectoryName = 'generated'
 
     if (!fileName) {
-        console.error('Usage: layout <document.html> [--output-dir <name>]')
+        console.error('Usage: layout <document.html|directory> [--output-dir <name>]')
         process.exitCode = 1
         return
     }
@@ -339,14 +371,19 @@ async function main() {
         }
     }
 
-    const result = await compileFile(fileName, outputDirectoryName)
+    const results = await compilePath(fileName, outputDirectoryName)
 
-    console.log(`Generated ${result.htmlFile}`)
-    console.log(`Generated ${result.cssFile}`)
-    console.log(`Generated ${result.runtimeFile}`)
+    for (const result of results) {
+        console.log(`Generated ${result.htmlFile}`)
+        console.log(`Generated ${result.cssFile}`)
+        console.log(`Generated ${result.runtimeFile}`)
+    }
 }
 
-if (process.argv[1] && import.meta.url === pathToFileURL(process.argv[1]).href) {
+const isMainModule = process.argv[1]
+    && await realpath(process.argv[1]) === await realpath(fileURLToPath(import.meta.url))
+
+if (isMainModule) {
     main().catch((error) => {
         console.error(error.message)
         process.exitCode = 1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tobi2409/layout",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Build-time HTML frame layout generator using CSS Grid",
   "license": "MIT",
   "type": "module",