@rettangoli/sites 0.2.7 → 1.0.0-rc1

package/src/screenshotRunner.js

@@ -1,171 +1,7 @@
-import http from 'node:http';
-import path from 'node:path';
-import fs from 'node:fs';
-import { existsSync } from 'node:fs';
-import { buildSite } from './cli/build.js';
-import { createScreenshotCapture } from './screenshot.js';
-import { loadSiteConfig } from './utils/loadSiteConfig.js';
-
-function getContentType(ext) {
-  const types = {
-    '.html': 'text/html',
-    '.css': 'text/css',
-    '.js': 'application/javascript',
-    '.json': 'application/json',
-    '.png': 'image/png',
-    '.jpg': 'image/jpeg',
-    '.gif': 'image/gif',
-    '.svg': 'image/svg+xml',
-    '.ico': 'image/x-icon'
-  };
-  return types[ext] || 'application/octet-stream';
-}
-
-function serveFile(filePath, res, skipWebSocket = false) {
-  const ext = path.extname(filePath);
-  const contentType = getContentType(ext);
-  
-  try {
-    const content = fs.readFileSync(filePath);
-    res.writeHead(200, { 'Content-Type': contentType });
-    res.end(content);
-  } catch (err) {
-    console.error('Error serving file:', err);
-    res.writeHead(500);
-    res.end('Internal Server Error');
-  }
-}
-
-function handleRequest(req, res, siteDir = '_site') {
-  const urlParts = req.url.split('?');
-  let urlPath = urlParts[0];
-  const queryString = urlParts[1] || '';
-  
-  // Check if this is a screenshot request
-  const isScreenshotRequest = queryString.includes('screenshot=true');
-  
-  // Default to index.html for root
-  if (urlPath === '/') {
-    urlPath = '/index.html';
-  }
-  
-  // Handle trailing slash - remove it for processing
-  const hasTrailingSlash = urlPath.endsWith('/') && urlPath !== '/';
-  if (hasTrailingSlash) {
-    urlPath = urlPath.slice(0, -1);
-  }
-  
-  // Handle paths without extensions
-  if (!path.extname(urlPath)) {
-    // First try as .html file
-    const htmlPath = path.join(siteDir, urlPath + '.html');
-    if (existsSync(htmlPath)) {
-      urlPath = urlPath + '.html';
-    } else {
-      // Try as directory with index.html
-      const indexPath = path.join(siteDir, urlPath, 'index.html');
-      if (existsSync(indexPath)) {
-        urlPath = path.join(urlPath, 'index.html');
-      }
-    }
-  }
-  
-  const filePath = path.join(siteDir, urlPath);
-  
-  // Check if file exists
-  if (!existsSync(filePath)) {
-    res.writeHead(404);
-    res.end('404 Not Found');
-    return;
-  }
-  
-  // Check if it's a directory
-  const stats = fs.statSync(filePath);
-  if (stats.isDirectory()) {
-    // Try to serve index.html from the directory
-    const indexPath = path.join(filePath, 'index.html');
-    if (existsSync(indexPath)) {
-      return serveFile(indexPath, res, isScreenshotRequest);
-    } else {
-      res.writeHead(404);
-      res.end('404 Not Found');
-      return;
-    }
-  }
-  
-  // Serve the file
-  serveFile(filePath, res, isScreenshotRequest);
-}
-
-function createTempServer(port = 3001, siteDir = '_site') {
-  const httpServer = http.createServer((req, res) => {
-    handleRequest(req, res, siteDir);
-  });
-
-  const start = () => {
-    return new Promise((resolve, reject) => {
-      httpServer.listen(port, '0.0.0.0', () => {
-        console.log(`📡 Temp server running at http://localhost:${port}/`);
-        resolve();
-      });
-
-      httpServer.on('error', reject);
-    });
-  };
-
-  const close = () => {
-    return new Promise((resolve) => {
-      httpServer.close(() => {
-        console.log('📡 Temp server closed');
-        resolve();
-      });
-    });
-  };
-
-  return { start, close };
-}
-
-const screenshotCommand = async (options = {}) => {
-  const { 
-    port = 3001,
-    rootDir = '.'
-  } = options;
-
-  console.log('📸 Starting screenshot capture for all pages...');
-
-  // Load config to get ignore patterns
-  const config = await loadSiteConfig(rootDir, false);
-  const ignorePatterns = config?.screenshots?.ignore || [];
-  
-  if (ignorePatterns.length > 0) {
-    console.log('📋 Ignore patterns:', ignorePatterns);
-  }
-
-  // Build the site first (with screenshot mode enabled)
-  console.log('Building site...');
-  await buildSite({ rootDir, isScreenshotMode: true });
-  console.log('Build complete');
-
-  // Start temporary server
-  const server = createTempServer(port);
-  await server.start();
-
-  // Initialize screenshot capture
-  const screenshotCapture = await createScreenshotCapture(port);
-
-  try {
-    // Capture screenshots for all pages
-    const pagesDir = path.join(rootDir, 'pages');
-    await screenshotCapture.captureAllPages(pagesDir, { ignorePatterns });
-    
-    console.log('✅ All screenshots captured successfully!');
-  } catch (error) {
-    console.error('❌ Error capturing screenshots:', error);
-  } finally {
-    // Clean up
-    await screenshotCapture.close();
-    await server.close();
-  }
+const screenshotCommand = async () => {
+  throw new Error(
+    'Screenshot CLI for @rettangoli/sites was removed. Use "rtgl vt generate" with "vt.url" and optional "vt.service.start".',
+  );
 };
 
-export default screenshotCommand;
+export default screenshotCommand;

package/src/utils/loadSiteConfig.js

@@ -1,46 +1,272 @@
-import path from 'path';
-import { pathToFileURL } from 'url';
-import MarkdownIt from 'markdown-it';
+import fs from 'node:fs';
+import path from 'node:path';
+import yaml from 'js-yaml';
+
+const ALLOWED_TOP_LEVEL_KEYS = new Set(['markdown', 'markdownit', 'build']);
+const MARKDOWN_BOOLEAN_KEYS = new Set(['html', 'linkify', 'typographer', 'breaks', 'xhtmlOut']);
+const MARKDOWN_STRING_KEYS = new Set(['langPrefix', 'quotes', 'preset']);
+const MARKDOWN_NUMBER_KEYS = new Set(['maxNesting']);
+const ALLOWED_MARKDOWN_KEYS = new Set([
+  ...MARKDOWN_BOOLEAN_KEYS,
+  ...MARKDOWN_STRING_KEYS,
+  ...MARKDOWN_NUMBER_KEYS,
+  'shiki',
+  'headingAnchors',
+  'codePreview'
+]);
+const SHIKI_BOOLEAN_KEYS = new Set(['enabled']);
+const SHIKI_STRING_KEYS = new Set(['theme']);
+const ALLOWED_SHIKI_KEYS = new Set([...SHIKI_BOOLEAN_KEYS, ...SHIKI_STRING_KEYS]);
+const CODE_PREVIEW_BOOLEAN_KEYS = new Set(['enabled', 'showSource']);
+const CODE_PREVIEW_STRING_KEYS = new Set(['theme']);
+const ALLOWED_CODE_PREVIEW_KEYS = new Set([...CODE_PREVIEW_BOOLEAN_KEYS, ...CODE_PREVIEW_STRING_KEYS]);
+const ALLOWED_PRESETS = new Set(['default', 'commonmark', 'zero']);
+const HEADING_ANCHORS_BOOLEAN_KEYS = new Set(['enabled', 'wrap']);
+const HEADING_ANCHORS_STRING_KEYS = new Set(['slugMode', 'fallback']);
+const ALLOWED_HEADING_ANCHORS_KEYS = new Set([...HEADING_ANCHORS_BOOLEAN_KEYS, ...HEADING_ANCHORS_STRING_KEYS]);
+const ALLOWED_HEADING_ANCHOR_SLUG_MODES = new Set(['ascii', 'unicode']);
+const BUILD_BOOLEAN_KEYS = new Set(['keepMarkdownFiles']);
+const ALLOWED_BUILD_KEYS = new Set([...BUILD_BOOLEAN_KEYS]);
+let didWarnLegacyMarkdownKey = false;
+
+function isPlainObject(value) {
+  return value && typeof value === 'object' && !Array.isArray(value);
+}
+
+function validateHeadingAnchors(value, configPath) {
+  if (typeof value === 'boolean') {
+    return;
+  }
+
+  if (!isPlainObject(value)) {
+    throw new Error(`Invalid markdown option "headingAnchors" in "${configPath}": expected a boolean or object.`);
+  }
+
+  for (const key of Object.keys(value)) {
+    if (!ALLOWED_HEADING_ANCHORS_KEYS.has(key)) {
+      throw new Error(
+        `Unsupported headingAnchors option "${key}" in "${configPath}". Supported options: ${Array.from(ALLOWED_HEADING_ANCHORS_KEYS).join(', ')}.`
+      );
+    }
+
+    if (HEADING_ANCHORS_BOOLEAN_KEYS.has(key) && typeof value[key] !== 'boolean') {
+      throw new Error(`Invalid headingAnchors option "${key}" in "${configPath}": expected a boolean.`);
+    }
+
+    if (HEADING_ANCHORS_STRING_KEYS.has(key) && typeof value[key] !== 'string') {
+      throw new Error(`Invalid headingAnchors option "${key}" in "${configPath}": expected a string.`);
+    }
+  }
+
+  if (value.slugMode !== undefined && !ALLOWED_HEADING_ANCHOR_SLUG_MODES.has(value.slugMode)) {
+    throw new Error(
+      `Invalid headingAnchors slugMode "${value.slugMode}" in "${configPath}". Allowed: ${Array.from(ALLOWED_HEADING_ANCHOR_SLUG_MODES).join(', ')}.`
+    );
+  }
+
+  if (value.fallback !== undefined && value.fallback.trim() === '') {
+    throw new Error(`Invalid headingAnchors option "fallback" in "${configPath}": expected a non-empty string.`);
+  }
+}
+
+function validateCodePreview(value, configPath) {
+  if (typeof value === 'boolean') {
+    return;
+  }
+
+  if (!isPlainObject(value)) {
+    throw new Error(`Invalid markdown option "codePreview" in "${configPath}": expected a boolean or object.`);
+  }
+
+  for (const key of Object.keys(value)) {
+    if (!ALLOWED_CODE_PREVIEW_KEYS.has(key)) {
+      throw new Error(
+        `Unsupported codePreview option "${key}" in "${configPath}". Supported options: ${Array.from(ALLOWED_CODE_PREVIEW_KEYS).join(', ')}.`
+      );
+    }
+
+    if (CODE_PREVIEW_BOOLEAN_KEYS.has(key) && typeof value[key] !== 'boolean') {
+      throw new Error(`Invalid codePreview option "${key}" in "${configPath}": expected a boolean.`);
+    }
+
+    if (CODE_PREVIEW_STRING_KEYS.has(key) && typeof value[key] !== 'string') {
+      throw new Error(`Invalid codePreview option "${key}" in "${configPath}": expected a string.`);
+    }
+  }
+
+  if (typeof value.theme === 'string' && value.theme.trim() === '') {
+    throw new Error(`Invalid codePreview option "theme" in "${configPath}": expected a non-empty string.`);
+  }
+}
+
+function validateBuildConfig(value, configPath) {
+  if (!isPlainObject(value)) {
+    throw new Error(`Invalid build config in "${configPath}": expected an object.`);
+  }
+
+  for (const key of Object.keys(value)) {
+    if (!ALLOWED_BUILD_KEYS.has(key)) {
+      throw new Error(
+        `Unsupported build option "${key}" in "${configPath}". Supported options: ${Array.from(ALLOWED_BUILD_KEYS).join(', ')}.`
+      );
+    }
+
+    if (BUILD_BOOLEAN_KEYS.has(key) && typeof value[key] !== 'boolean') {
+      throw new Error(`Invalid build option "${key}" in "${configPath}": expected a boolean.`);
+    }
+  }
+
+  return { ...value };
+}
+
+function validateConfig(rawConfig, configPath) {
+  if (rawConfig == null) {
+    return {};
+  }
+
+  if (!isPlainObject(rawConfig)) {
+    throw new Error(`Invalid site config in "${configPath}": expected a YAML object at the top level.`);
+  }
+
+  const config = { ...rawConfig };
+
+  for (const key of Object.keys(config)) {
+    if (!ALLOWED_TOP_LEVEL_KEYS.has(key)) {
+      throw new Error(
+        `Unsupported key "${key}" in "${configPath}". Supported keys: markdownit (recommended), markdown (legacy alias), build.`
+      );
+    }
+  }
+
+  if (config.markdown !== undefined && config.markdownit !== undefined) {
+    throw new Error(`Use only one of "markdownit" (recommended) or "markdown" (legacy alias) in "${configPath}".`);
+  }
+
+  if (config.markdown !== undefined && config.markdownit === undefined && !didWarnLegacyMarkdownKey) {
+    console.warn(`"${configPath}" uses legacy key "markdown". Please rename it to "markdownit".`);
+    didWarnLegacyMarkdownKey = true;
+  }
+
+  const normalizedConfig = {};
+  const markdownConfig = config.markdownit ?? config.markdown;
+  if (markdownConfig !== undefined) {
+    if (!isPlainObject(markdownConfig)) {
+      throw new Error(`Invalid markdown config in "${configPath}": expected an object.`);
+    }
+
+    for (const key of Object.keys(markdownConfig)) {
+      if (!ALLOWED_MARKDOWN_KEYS.has(key)) {
+        throw new Error(
+          `Unsupported markdown option "${key}" in "${configPath}". Supported options: ${Array.from(ALLOWED_MARKDOWN_KEYS).join(', ')}.`
+        );
+      }
+
+      if (key === 'headingAnchors') {
+        validateHeadingAnchors(markdownConfig.headingAnchors, configPath);
+        continue;
+      }
+
+      if (key === 'codePreview') {
+        validateCodePreview(markdownConfig.codePreview, configPath);
+        continue;
+      }
+
+      if (MARKDOWN_BOOLEAN_KEYS.has(key) && typeof markdownConfig[key] !== 'boolean') {
+        throw new Error(`Invalid markdown option "${key}" in "${configPath}": expected a boolean.`);
+      }
+
+      if (MARKDOWN_STRING_KEYS.has(key) && typeof markdownConfig[key] !== 'string') {
+        throw new Error(`Invalid markdown option "${key}" in "${configPath}": expected a string.`);
+      }
+
+      if (MARKDOWN_NUMBER_KEYS.has(key) && typeof markdownConfig[key] !== 'number') {
+        throw new Error(`Invalid markdown option "${key}" in "${configPath}": expected a number.`);
+      }
+
+      if (key === 'maxNesting' && !Number.isInteger(markdownConfig[key])) {
+        throw new Error(`Invalid markdown option "${key}" in "${configPath}": expected an integer.`);
+      }
+
+      if (key === 'preset' && !ALLOWED_PRESETS.has(markdownConfig[key])) {
+        throw new Error(`Invalid markdown preset "${markdownConfig[key]}" in "${configPath}". Allowed: ${Array.from(ALLOWED_PRESETS).join(', ')}.`);
+      }
+    }
+
+    if (markdownConfig.shiki !== undefined) {
+      if (!isPlainObject(markdownConfig.shiki)) {
+        throw new Error(`Invalid markdown option "shiki" in "${configPath}": expected an object.`);
+      }
+
+      for (const key of Object.keys(markdownConfig.shiki)) {
+        if (!ALLOWED_SHIKI_KEYS.has(key)) {
+          throw new Error(
+            `Unsupported shiki option "${key}" in "${configPath}". Supported options: ${Array.from(ALLOWED_SHIKI_KEYS).join(', ')}.`
+          );
+        }
+
+        if (SHIKI_BOOLEAN_KEYS.has(key) && typeof markdownConfig.shiki[key] !== 'boolean') {
+          throw new Error(`Invalid shiki option "${key}" in "${configPath}": expected a boolean.`);
+        }
+
+        if (SHIKI_STRING_KEYS.has(key) && typeof markdownConfig.shiki[key] !== 'string') {
+          throw new Error(`Invalid shiki option "${key}" in "${configPath}": expected a string.`);
+        }
+      }
+    }
+
+    normalizedConfig.markdown = { ...markdownConfig };
+  }
+
+  if (config.build !== undefined) {
+    normalizedConfig.build = validateBuildConfig(config.build, configPath);
+  }
+
+  return normalizedConfig;
+}
+
+function readFirstExistingConfigPath(rootDir) {
+  const yamlPath = path.join(rootDir, 'sites.config.yaml');
+  const ymlPath = path.join(rootDir, 'sites.config.yml');
+  const legacyJsPath = path.join(rootDir, 'sites.config.js');
+
+  if (fs.existsSync(legacyJsPath)) {
+    throw new Error(`"${legacyJsPath}" is no longer supported. Rename it to "sites.config.yaml".`);
+  }
+
+  if (fs.existsSync(yamlPath)) {
+    return yamlPath;
+  }
+
+  if (fs.existsSync(ymlPath)) {
+    return ymlPath;
+  }
+
+  return null;
+}
 
 /**
- * Load the sites.config.js file from a given directory
- * @param {string} rootDir - The root directory to look for sites.config.js
+ * Load the sites.config.yaml/.yml file from a given directory
+ * @param {string} rootDir - The root directory to look for sites.config.yaml/.yml
  * @param {boolean} throwOnError - Whether to throw on errors other than file not found
- * @param {boolean} bustCache - Whether to bypass module cache (for reloading)
+ * @param {boolean} _bustCache - Kept for callsite compatibility; not used for YAML
  * @returns {Promise<Object>} The loaded config object or empty object if not found
  */
-export async function loadSiteConfig(rootDir, throwOnError = true, bustCache = false) {
+export async function loadSiteConfig(rootDir, throwOnError = true, _bustCache = false) {
   try {
-    const configPath = path.join(rootDir, 'sites.config.js');
-    let importUrl = pathToFileURL(configPath).href;
-    
-    // Add timestamp to force reload if cache busting is requested
-    if (bustCache) {
-      importUrl += `?t=${Date.now()}`;
-    }
-    
-    const configModule = await import(importUrl);
-    const configExport = configModule.default;
-    
-    // Check if the export is a function
-    if (typeof configExport === 'function') {
-      // Call the function with markdownit constructor
-      return configExport({ markdownit: MarkdownIt }) || {};
-    }
-    
-    // Otherwise return as is (for backward compatibility)
-    return configExport || {};
-  } catch (e) {
-    // Only ignore file not found errors
-    if (e.code === 'ENOENT' || e.code === 'ERR_MODULE_NOT_FOUND') {
-      // Config file is optional, return empty config
+    const configPath = readFirstExistingConfigPath(rootDir);
+
+    if (!configPath) {
       return {};
-    } else if (throwOnError) {
-      // Re-throw any other errors (syntax errors, module not found, etc.)
+    }
+
+    const configContent = fs.readFileSync(configPath, 'utf8');
+    const parsed = yaml.load(configContent, { schema: yaml.JSON_SCHEMA });
+    return validateConfig(parsed, configPath);
+  } catch (e) {
+    if (throwOnError) {
       throw e;
-    } else {
-      console.error('Error loading sites.config.js:', e);
-      return {};
     }
+    console.error('Error loading site YAML config:', e);
+    return {};
   }
-}
+}

package/templates/default/README.md

@@ -2,22 +2,19 @@
 
 A static site built with [Rettangoli Sites](https://github.com/yuusoft-org/rettangoli) using the [rtgl UI](https://github.com/yuusoft-org/rettangoli/tree/main/packages/rettangoli-ui) framework.
 
+This template works without a site-level `package.json`; run commands with `bunx rtgl`.
+
 ## Getting Started
 
 ```bash
-bun install
-bun run build
-bun run serve
+bunx rtgl sites build
+bunx rtgl sites watch
+bunx rtgl sites watch --reload-mode full
+bunx rtgl sites build --root-dir . --output-path dist
 ```
 
-## Scripts
-
-| Script | Description |
-|--------|-------------|
-| `bun run build` | Build site to `_site/` |
-| `bun run watch` | Build and watch for changes |
-| `bun run serve` | Serve `_site/` locally |
-| `bun run screenshot` | Build and capture screenshots |
+`--reload-mode body` (default) does body replacement; `--reload-mode full` does full page refresh.
+Preferred CLI flags are `--root-dir` and `--output-path` (`--rootDir`/`--outputPath` are legacy aliases).
 
 ## Project Structure
 
@@ -27,7 +24,7 @@ bun run serve
 ├── partials/        # Reusable components
 ├── data/            # Global data files
 ├── static/          # Static assets (copied as-is)
-├── sites.config.js  # Configuration and custom functions
+├── sites.config.yaml # Optional site settings
 └── _site/           # Generated output
 ```
 
@@ -75,7 +72,7 @@ Content in **markdown**.
 ```yaml
 # Layout with rtgl-view
 - rtgl-view d="h" g="lg" av="c":    # horizontal, gap, align vertical center
-    - rtgl-view flex="1":            # flex grow
+    - rtgl-view w="1fg":            # flex grow
     - rtgl-view w="200" h="100":     # fixed width/height
 
 # Text with rtgl-text
@@ -185,25 +182,56 @@ Collection item properties:
 - `item.data` - Frontmatter (title, date, etc.)
 - `item.content` - Raw content
 
-## Configuration
+## Site Config
 
-`sites.config.js` for custom functions:
+Use `sites.config.yaml` with top-level `markdownit` for simple, non-JS options.
+Legacy key `markdown` still works as an alias.
 
-```javascript
-export default {
-  functions: {
-    sortDate: (list) => [...list].sort((a, b) =>
-      new Date(b.data.date) - new Date(a.data.date)
-    ),
-  },
-}
+```yaml
+markdownit:
+  preset: default
+  html: true
+  xhtmlOut: false
+  linkify: true
+  typographer: false
+  breaks: false
+  langPrefix: language-
+  quotes: "\u201c\u201d\u2018\u2019"
+  maxNesting: 100
+  shiki:
+    enabled: true
+    theme: slack-dark
+  headingAnchors:
+    enabled: true
+    slugMode: unicode
+    wrap: true
+    fallback: section
 ```
 
-Use in templates:
+CDN runtime scripts used by the default template can be toggled in `data/site.yaml`:
+
 ```yaml
-- $for post in sortDate(collections.blog):
+assets:
+  loadUiFromCdn: true
+  loadConstructStyleSheetsPolyfill: true
 ```
 
+## Built-in Template Functions
+
+Use these directly in `${...}` expressions:
+
+- `encodeURI(value)`
+- `encodeURIComponent(value)`
+- `decodeURI(value)`
+- `decodeURIComponent(value)`
+- `jsonStringify(value, space = 0)`
+- `formatDate(value, format = "YYYYMMDDHHmmss", useUtc = true)`
+- `now(format = "YYYYMMDDHHmmss", useUtc = true)`
+- `toQueryString(object)`
+
+Date format tokens: `YYYY`, `MM`, `DD`, `HH`, `mm`, `ss`.
+`decodeURI`/`decodeURIComponent` return the original input when decoding fails.
+
 ## Static Files
 
 Everything in `static/` is copied to `_site/`:

package/templates/default/data/site.yaml

@@ -1,4 +1,7 @@
 name: My Site
+assets:
+  loadUiFromCdn: true
+  loadConstructStyleSheetsPolyfill: true
 
 nav:
   - text: Home

package/templates/default/pages/blog.yaml

@@ -10,5 +10,5 @@ title: Blog
             - rtgl-view w="f" p="lg" bgc="su" br="lg" h-bgc="suv" h-cur="p":
                 - rtgl-view d="h" av="c" w="f":
                     - rtgl-text s="lg": ${post.data.title}
-                    - rtgl-view flex="1":
+                    - rtgl-view w="1fg":
                     - rtgl-text s="sm" c="mu-fg": ${post.data.date}

package/templates/default/pages/index.yaml

@@ -16,6 +16,6 @@ title: My Site
     - rtgl-text s="h2" mb="lg": Features
     - rtgl-view d="h" g="lg" w="f" md-d="v":
         - $for feature in site.landing.features:
-            - rtgl-view flex="1" p="lg" bgc="su" br="lg":
+            - rtgl-view w="1fg" p="lg" bgc="su" br="lg":
                 - rtgl-text s="h4" mb="sm": ${feature.title}
                 - rtgl-text c="mu-fg": ${feature.description}

package/templates/default/partials/footer.yaml

@@ -2,7 +2,7 @@
 - rtgl-view md-w="100vw" lg-w="768" w="1024" ph="lg" pv="xl":
     - rtgl-view d="h" w="f" av="c":
         - rtgl-text s="sm" c="mu-fg": © 2024 ${site.name}
-        - rtgl-view flex="1":
+        - rtgl-view w="1fg":
         - rtgl-view d="h" g="lg":
             - $for link in site.footer.links:
                 - 'a href="${link.href}" style="text-decoration: none"':

package/templates/default/partials/header.yaml

@@ -2,7 +2,7 @@
     - rtgl-view md-w="100vw" lg-w="768" w="1024" d="h" av="c" h="64" ph="lg":
         - 'a href="/" style="text-decoration: none"':
             - rtgl-text s="lg" fw="bold": ${site.name}
-        - rtgl-view flex="1":
+        - rtgl-view w="1fg":
         - rtgl-view d="h" g="lg" av="c":
             - $for link in site.nav:
                 - 'a href="${link.href}" style="text-decoration: none"':

package/templates/default/sites.config.yaml

@@ -0,0 +1,24 @@
+# Optional site configuration.
+# You can keep this file, remove it, or tune the values below.
+markdownit:
+  preset: default
+  html: true
+  xhtmlOut: false
+  linkify: true
+  typographer: false
+  breaks: false
+  langPrefix: language-
+  quotes: "\u201c\u201d\u2018\u2019"
+  maxNesting: 100
+  shiki:
+    enabled: true
+    theme: slack-dark
+  codePreview:
+    enabled: false
+    showSource: true
+    theme: slack-dark
+  headingAnchors:
+    enabled: true
+    slugMode: unicode
+    wrap: true
+    fallback: section