mnfst-starter 1.5.34

package/create-starter.js

@@ -0,0 +1,189 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const { execSync } = require('child_process');
+
+// Get project name from command line arguments
+const projectName = process.argv[2];
+
+if (!projectName) {
+  console.log('Usage: npx mnfst-starter <project-name>');
+  console.log('Example: npx mnfst-starter MyProject');
+  process.exit(1);
+}
+
+// Validate project name - allow most characters but prevent problematic ones
+if (!/^[a-zA-Z0-9._-]+$/.test(projectName) || projectName.includes('..') || projectName.startsWith('.') || projectName.endsWith('.')) {
+  console.error('Error: Project name must contain only letters, numbers, dots, underscores, and hyphens. Cannot start/end with dots or contain consecutive dots.');
+  process.exit(1);
+}
+
+const projectPath = path.resolve(process.cwd(), projectName);
+
+// Check if directory already exists
+if (fs.existsSync(projectPath)) {
+  console.error(`Error: Directory "${projectName}" already exists`);
+  process.exit(1);
+}
+
+console.log(`Creating Manifest project: ${projectName}`);
+
+try {
+  // Create project directory
+  fs.mkdirSync(projectPath, { recursive: true });
+
+  // Copy all files from starter template
+  const starterDir = path.join(__dirname, 'templates');
+  const filesToCopy = [
+    'index.html',
+    'components',
+    'data',
+    'scripts',
+    'styles',
+    'icons',
+    'manifest.json',
+    '.gitignore',
+    'robots.txt',
+    'sitemap.xml',
+    'LICENSE.md',
+    'privacy.md',
+    'README.md',
+    'favicon.ico',
+    '_redirects',
+    '.htaccess'
+  ];
+
+  filesToCopy.forEach(file => {
+    const srcPath = path.join(starterDir, file);
+    const destPath = path.join(projectPath, file);
+
+    if (fs.existsSync(srcPath)) {
+      if (fs.statSync(srcPath).isDirectory()) {
+        copyDir(srcPath, destPath);
+      } else {
+        fs.copyFileSync(srcPath, destPath);
+      }
+    }
+  });
+
+  // Create .gitignore
+  const gitignore = `# Dependencies (if you add them later)
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Build outputs (if you add a build process)
+dist/
+build/
+*.tgz
+
+# Development files
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+bs-config.js
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# Temporary files
+*.tmp
+*.temp
+
+# Logs
+logs
+*.log
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Coverage directory used by tools like istanbul
+coverage/
+
+# nyc test coverage
+.nyc_output
+
+# Dependency directories
+jspm_packages/
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+`;
+
+  fs.writeFileSync(path.join(projectPath, '.gitignore'), gitignore);
+
+  console.log(`✅ Project created successfully!`);
+  console.log(`📁 Location: ${projectPath}`);
+  console.log(`See README.md for more details.`);
+
+} catch (error) {
+  console.error('Error creating project:', error.message);
+  process.exit(1);
+}
+
+// Helper function to copy directories recursively
+function copyDir(src, dest) {
+  fs.mkdirSync(dest, { recursive: true });
+  const entries = fs.readdirSync(src, { withFileTypes: true });
+
+  for (const entry of entries) {
+    const srcPath = path.join(src, entry.name);
+    const destPath = path.join(dest, entry.name);
+
+    if (entry.isDirectory()) {
+      copyDir(srcPath, destPath);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
+  }
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "mnfst-starter",
+  "version": "1.5.34",
+  "description": "Create a Manifest (mnfst) starter application",
+  "main": "index.html",
+  "bin": {
+    "mnfst-starter": "create-starter.js"
+  },
+  "scripts": {
+    "start": "browser-sync start --config bs-config.js",
+    "build": "echo 'Starter template - no build needed'"
+  },
+  "keywords": [
+    "manifest",
+    "mnfst",
+    "framework",
+    "starter",
+    "template",
+    "html",
+    "css",
+    "javascript"
+  ],
+  "author": "Andrew Matlock",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/andrewmatlock/Manifest.git",
+    "directory": "packages/create-starter"
+  },
+  "files": [
+    "create-starter.js",
+    "templates"
+  ]
+}

package/templates/.gitignore

@@ -0,0 +1,91 @@
+# Dependencies (if you add them later)
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Build outputs (if you add a build process)
+dist/
+build/
+*.tgz
+
+# Development files
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+bs-config.js
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# Temporary files
+*.tmp
+*.temp
+
+# Logs
+logs
+*.log
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Coverage directory used by tools like istanbul
+coverage/
+
+# nyc test coverage
+.nyc_output
+
+# Dependency directories
+jspm_packages/
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+

package/templates/LICENSE.md

@@ -0,0 +1,11 @@
+# MIT License
+
+---
+
+Copyright © 2025 Andrew Matlock
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/templates/README.md

@@ -0,0 +1,85 @@
+# Manifest Starter Project
+
+---
+
+## 🚀 Quick Start
+
+Manifest projects include a built-in SPA router and require a local server to run.
+
+**Local Server Options (choose one):**
+
+1. **Python** (works on most systems): `python3 -m http.server 8000`
+
+2. **Node.js** (if you have it installed): `npx http-server`
+
+3. **Other options**:
+   - VS Code Live Server extension
+   - Browsersync (requires installation)
+   - Any other static file server
+
+---
+
+## 📁 Project Structure
+
+```
+project-name/
+├── components/               # Reusable HTML components
+│   ├── header.html           # Page header
+│   ├── footer.html           # Page footer
+│   └── logo.html             # Inline SVG logo
+├── icons/                    # Web app (PWA) icons referenced in manifest.json
+│   ├── 192x192.png           # Small icon variant
+│   └── 512x512.png           # Large icon variant
+├── _redirects                # SPA routing support for modern static hosts
+├── favicon.ico               # Browser tab icon
+├── index.html                # Rendering entry point / main page
+├── LICENSE.md                # MIT License
+├── locales.csv               # Translated content in English, Arabic, and Chinese
+├── manifest.json             # Project & web app manifest
+├── manifest.theme.css        # Project theme variables
+├── privacy.md                # Privacy policy template, required by most sites & apps
+├── README.md                 # This file
+├── robots.txt                # Website SEO asset
+└── sitemap.xml               # Website SEO asset
+```
+
+---
+
+## ✅ Checklist
+
+`index.html`
+- [ ] Change `<html lang="en">` to default language code
+- [ ] Update head `<title>` and `<meta>` tags, and add any custom links or scripts
+
+`manifest.json`
+- [ ] Update project config properties (e.g. name, author)
+- [ ] Update or remove HTML components and data sources (e.g. for localization)
+
+**Style & Content**
+- [ ] Update `manifest.theme.css` variables
+- [ ] Update `logo.html`, `header.html` and `footer.html` components
+- [ ] Create custom HTML components for pages, sections, etc.
+- [ ] Update index.html `<body>` with top-level routes and components
+- [ ] Update or remove `LICENSE.md` and `privacy.md` text for your use case
+
+**Websites**
+- [ ] Replace `favicon.ico`
+- [ ] Update `robots.txt` and `sitemap.xml` for SEO
+- [ ] `_redirects` and `.htaccess` files are included for SPA routing support on most hosting services
+
+**Web apps**
+- [ ] Replace or remove `/icons` images referenced in manifest.json
+
+---
+
+## 📚 Learn More
+
+This project supports routes, components, dynamic data, localization, icons, color themes, and much more.
+
+For comprehensive documentation visit [manifestjs.org](https://manifestjs.org).
+
+---
+
+## 📄 License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

package/templates/_redirects

@@ -0,0 +1 @@
+/*    /index.html   200

package/templates/components/footer.html

@@ -0,0 +1,30 @@
+<footer class="border-t border-line">
+
+    <!-- Content area -->
+    <nav class="row-wrap justify-between items-center gap-4 py-10">
+
+        <!-- Left side -->
+        <div class="col items-start gap-2">
+
+            <!-- Logo with style overrides -->
+            <x-logo class="h-5 text-brand-content"></x-logo>
+
+            <!-- Copyright with author populated from manifest.json -->
+            <small><span x-text="$x.content.footer.copyright">Copyright &copy; 2025</span> <span
+                    x-text="$x.manifest.author"></span>.</small>
+
+
+        </div>
+
+        <!-- Right side -->
+        <div class="row-wrap gap-6">
+            <a href="/page-1" class="text-sm" x-text="$x.content.page1">Page 1</a>
+            <a href="/page-2" class="text-sm" x-text="$x.content.page2">Page 2</a>
+            <a href="/license" class="text-sm" x-text="$x.content.license">License</a>
+            <a href="/privacy" class="text-sm" x-text="$x.content.privacy">Privacy</a>
+            <a role="button" class="sm" href="https://manifestjs.org" target="_blank"
+                x-text="$x.content.footer.madeWith">Made with Manifest</a>
+        </div>
+
+    </nav>
+</footer>

package/templates/components/header.html

@@ -0,0 +1,85 @@
+<header class="border-b border-line">
+
+    <!-- Content area -->
+    <nav class="row justify-between items-center py-4">
+
+        <!-- logo.html component as home link -->
+        <a href="/">
+            <x-logo></x-logo>
+        </a>
+
+        <!-- Desktop -->
+        <div class="hidden md:row items-center gap-2">
+            <a href="/page-1" role="button" class="ghost" x-text="$x.content.page1"
+                :class="$route === '/page-1' ? 'text-brand-content' : ''"></a>
+            <a href="/page-2" role="button" class="ghost" x-text="$x.content.page2"
+                :class="$route === '/page-2' ? 'text-brand-content' : ''"></a>
+            <a href="https://manifest.build" target="_blank" role="button" class="ghost"><span>Manifest</span><span
+                    x-icon="lucide:arrow-up-right"></span></a>
+            <div class="divider vertical"></div>
+
+            <!-- Localization menu -->
+            <button class="ghost" x-dropdown.bottom="localization-menu" aria-label="Localization Menu"
+                x-icon="lucide:languages"></button>
+            <menu popover id="localization-menu" class="bottom-end">
+                <li @click="$locale.set('en')" :class="{ 'brand pointer-events-none': $locale.current === 'en' }">
+                    English</li>
+                <li @click="$locale.set('ar')" :class="{ 'brand pointer-events-none': $locale.current === 'ar' }">
+                    العربية</li>
+                <li @click="$locale.set('zh')" :class="{ 'brand pointer-events-none': $locale.current === 'zh' }">中文
+                </li>
+            </menu>
+
+            <!-- Color theme menu -->
+            <button class="ghost" x-dropdown.bottom="color-theme" aria-label="Color Theme Menu"
+                x-icon="$theme.current === 'light' ? 'lucide:sun' : $theme.current === 'dark' ? 'lucide:moon' : 'lucide:sun-moon'"></button>
+            <menu popover id="color-theme" class="bottom-end min-w-0">
+                <li x-theme="'light'" :class="{ 'brand pointer-events-none': $theme.current === 'light' }"
+                    x-icon="lucide:sun" :aria-label="$x.content.theme.light"></li>
+                <li x-theme="'dark'" :class="{ 'brand pointer-events-none': $theme.current === 'dark' }"
+                    x-icon="lucide:moon" :aria-label="$x.content.theme.dark"></li>
+                <li x-theme="'system'" :class="{ 'brand pointer-events-none': $theme.current === 'system' }"
+                    x-icon="lucide:sun-moon" :aria-label="$x.content.theme.system"></li>
+            </menu>
+
+        </div>
+
+        <!-- Mobile sidebar -->
+        <button class="ghost flex md:hidden" popovertarget="sidebar" x-icon="lucide:menu"
+            aria-label="Navigation Menu"></button>
+        <aside popover id="sidebar"
+            class="col gap-4 w-90 p-4 border-s border-line shadow-2xl [&_a]:w-full [&_a]:justify-start">
+            <a href="/page-1" role="button" class="ghost" x-text="$x.content.page1"
+                :class="$route === '/page-1' ? 'bg-primary text-primary-foreground' : ''"></a>
+            <a href="/page-2" role="button" class="ghost" x-text="$x.content.page2"
+                :class="$route === '/page-2' ? 'bg-primary text-primary-foreground' : ''"></a>
+            <a href="https://manifest.build" role="button" class="ghost brand"><span>Manifest</span><span
+                    x-icon="lucide:arrow-up-right"></span></a>
+
+            <div class="divider"></div>
+
+            <div role="group" class="w-full even">
+                <button x-theme="'light'" :class="{ 'brand pointer-events-none': $theme.current === 'light' }"
+                    x-icon="lucide:sun" :aria-label="$x.content.theme.light"></button>
+                <button x-theme="'dark'" :class="{ 'brand pointer-events-none': $theme.current === 'dark' }"
+                    x-icon="lucide:moon" :aria-label="$x.content.theme.dark"></button>
+                <button x-theme="'system'" :class="{ 'brand pointer-events-none': $theme.current === 'system' }"
+                    x-icon="lucide:sun-moon" :aria-label="$x.content.theme.system"></button>
+            </div>
+
+            <div class="divider"></div>
+
+            <div role="group" class="w-full even">
+                <button @click="$locale.set('en')"
+                    :class="{ 'brand pointer-events-none': $locale.current === 'en' }">English</button>
+                <button @click="$locale.set('ar')"
+                    :class="{ 'brand pointer-events-none': $locale.current === 'ar' }">العربية</button>
+                <button @click="$locale.set('zh')"
+                    :class="{ 'brand pointer-events-none': $locale.current === 'zh' }">中文</button>
+            </div>
+
+        </aside>
+
+    </nav>
+
+</header>

package/templates/components/logo.html

@@ -0,0 +1,12 @@
+<svg class="h-6 text-content-subtle" viewBox="0 0 182 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M8.91667 19.9166C13.2889 19.9166 16.8333 16.3722 16.8333 11.9999C16.8333 7.62766 13.2889 4.08325 8.91667 4.08325C4.54441 4.08325 1 7.62766 1 11.9999C1 16.3722 4.54441 19.9166 8.91667 19.9166Z"
+        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+        d="M8.91667 4.08325C6.88385 6.21771 5.75 9.05234 5.75 11.9999C5.75 14.9475 6.88385 17.7821 8.91667 19.9166C10.9495 17.7821 12.0833 14.9475 12.0833 11.9999C12.0833 9.05234 10.9495 6.21771 8.91667 4.08325Z"
+        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M1 12H16.8333" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+        d="M31.668 19.2441C28.0645 19.2441 25.916 17.3008 25.916 14.5664C25.916 14.1855 25.9551 13.7656 26.043 13.3457L27.8301 4.9082H31.4141L29.6465 13.2871C29.5781 13.6094 29.5391 13.9023 29.5488 14.1758C29.5586 15.4355 30.5059 16.1973 31.873 16.1973C33.2793 16.1973 34.2559 15.3379 34.5879 13.7656L36.4629 4.9082H40.0566L38.0156 14.5469C37.3906 17.4961 34.959 19.2441 31.668 19.2441ZM38.2605 19L40.5262 8.36523H43.7684L43.4168 9.98633H43.4949C44.2273 8.79492 45.5457 8.11133 46.991 8.11133C48.9051 8.11133 50.2234 9.3418 50.2234 11.1484C50.2234 11.5391 50.1746 11.9785 50.077 12.4473L48.7 19H45.3602L46.6395 12.9746C46.6883 12.6719 46.7176 12.4375 46.7176 12.2129C46.7176 11.3535 46.0633 10.7676 45.1062 10.7676C44.0711 10.7676 43.1922 11.5488 42.948 12.7305L41.6102 19H38.2605ZM54.7652 7.14453C53.8082 7.14453 53.0562 6.38281 53.0562 5.47461C53.0562 4.55664 53.8082 3.79492 54.7652 3.79492C55.7223 3.79492 56.4742 4.55664 56.4742 5.47461C56.4742 6.38281 55.7223 7.14453 54.7652 7.14453ZM50.1949 19L52.4605 8.36523H55.8297L53.5641 19H50.1949ZM56.4555 8.35547H59.8246L60.1469 16.0215H60.2152L63.7211 8.35547H67.3148L61.5336 19H57.6371L56.4555 8.35547ZM70.6457 19.2441C67.6281 19.2441 65.7629 17.4082 65.7629 14.4199C65.7629 10.8164 68.1164 8.11133 71.6223 8.11133C74.425 8.11133 76.3293 9.9082 76.3293 12.6816C76.3293 13.2285 76.2805 13.9023 76.1633 14.4199H68.8293C68.8098 14.5273 68.8 14.6348 68.8 14.7422C68.8 15.9434 69.552 16.8125 70.7922 16.8125C71.7687 16.8125 72.5012 16.3145 72.7453 15.5723H75.8898C75.3332 17.75 73.3508 19.2441 70.6457 19.2441ZM69.1516 12.4863H73.2238C73.2434 12.4277 73.2434 12.291 73.2434 12.1836C73.2434 11.2559 72.5891 10.5137 71.4758 10.5137C70.343 10.5137 69.4348 11.334 69.1516 12.4863ZM75.8027 19L78.0879 8.36523H81.3496L81.0469 9.87891H81.1152C81.6426 8.89258 82.5898 8.20898 83.7812 8.20898C84.3672 8.20898 84.8066 8.30664 85.1875 8.48242L84.543 11.4219C84.1133 11.2168 83.6152 11.0703 83.0098 11.0703C81.623 11.0703 80.7148 11.8418 80.373 13.4043L79.1719 19H75.8027ZM84.5926 11.6074C84.5926 9.50781 86.4285 8.12109 89.2508 8.12109C91.8973 8.12109 93.7625 9.55664 93.8309 11.627H90.8035C90.7547 10.8945 90.1199 10.3867 89.202 10.3867C88.323 10.3867 87.7859 10.7578 87.7859 11.3145C87.7859 11.7832 88.0984 12.0273 89.1824 12.3887L90.3152 12.7598C92.327 13.4336 93.0984 14.2441 93.0984 15.6699C93.0984 17.8184 91.1746 19.2539 88.2742 19.2539C85.3152 19.2539 83.4012 17.8184 83.323 15.6309H86.5164C86.575 16.4219 87.2879 16.9688 88.3719 16.9688C89.241 16.9688 89.7781 16.5977 89.7781 16.0312C89.7781 15.5918 89.4656 15.3672 88.4207 15.0156L87.4637 14.6934C85.491 14.0391 84.5926 13.0723 84.5926 11.6074ZM96.4879 19.1562C94.7105 19.1562 93.3434 17.9355 93.3434 16.2656C93.3434 14.0879 95.15 12.75 98.109 12.6621L100.619 12.584L100.746 11.959C100.785 11.793 100.785 11.7051 100.785 11.6074C100.785 10.9922 100.218 10.5918 99.3102 10.5918C98.4313 10.5918 97.8355 10.9727 97.6305 11.627H94.5543C94.9547 9.47852 96.8883 8.11133 99.5543 8.11133C102.25 8.11133 104.076 9.41016 104.076 11.3145C104.076 11.5977 104.037 11.959 103.988 12.1836L102.543 19H99.2809L99.5543 17.7402H99.4859C98.9195 18.5898 97.8258 19.1562 96.4879 19.1562ZM97.982 16.8223C98.9684 16.8223 99.8473 16.1777 100.033 15.2988L100.209 14.5078L98.275 14.5664C97.2496 14.6055 96.5953 15.0742 96.5953 15.7871C96.5953 16.4121 97.1617 16.8223 97.982 16.8223ZM103.51 19L106.508 4.9082H109.877L106.879 19H103.51ZM121.842 16.1191L121.236 19H111.578L114.576 4.9082H124.225L123.609 7.78906H117.545L116.949 10.6016H122.652L122.096 13.2383H116.393L115.777 16.1191H121.842ZM127.663 15.6699H127.595L125.27 19H121.55L125.905 13.6387L123.845 8.36523H127.448L128.512 11.6953H128.581L130.905 8.36523H134.636L130.27 13.7266L132.331 19H128.737L127.663 15.6699ZM135.33 22.4375H131.98L134.968 8.36523H138.24L137.918 9.89844H137.986C138.767 8.78516 139.959 8.20898 141.296 8.20898C143.533 8.20898 144.91 9.80078 144.91 12.3594C144.91 16.2754 142.664 19.1562 139.636 19.1562C138.093 19.1562 136.961 18.375 136.541 17.0469H136.482L135.33 22.4375ZM138.884 16.4805C140.32 16.4805 141.463 14.9082 141.463 12.8867C141.463 11.6172 140.789 10.7969 139.724 10.7969C138.269 10.7969 137.117 12.4961 137.117 14.4297C137.117 15.6504 137.82 16.4805 138.884 16.4805ZM151.297 8.11133C154.286 8.11133 156.287 10.0449 156.287 12.9062C156.287 16.5781 153.719 19.2539 150.135 19.2539C147.157 19.2539 145.145 17.3301 145.145 14.459C145.145 10.7871 147.723 8.11133 151.297 8.11133ZM150.272 16.6367C151.746 16.6367 152.86 15.0449 152.86 12.9746C152.86 11.627 152.186 10.7285 151.151 10.7285C149.657 10.7285 148.553 12.291 148.553 14.3906C148.553 15.7383 149.237 16.6367 150.272 16.6367ZM155.771 19L158.056 8.36523H161.318L161.015 9.87891H161.083C161.611 8.89258 162.558 8.20898 163.749 8.20898C164.335 8.20898 164.775 8.30664 165.155 8.48242L164.511 11.4219C164.081 11.2168 163.583 11.0703 162.978 11.0703C161.591 11.0703 160.683 11.8418 160.341 13.4043L159.14 19H155.771ZM168.633 19.1367C166.465 19.1367 165.146 18.3457 165.146 16.793C165.146 16.5293 165.166 16.1289 165.264 15.6797L166.221 11.1094H164.639L165.186 8.60938H166.768L167.305 6.05078H170.664L170.117 8.60938H172.246L171.709 11.1094H169.59L168.701 15.2988C168.652 15.4648 168.633 15.6992 168.633 15.8457C168.633 16.4512 169.033 16.7051 169.902 16.7051C170.283 16.7051 170.469 16.6855 170.605 16.6465L170.078 19.0098C169.775 19.0879 169.17 19.1367 168.633 19.1367ZM172.257 11.6074C172.257 9.50781 174.093 8.12109 176.915 8.12109C179.561 8.12109 181.427 9.55664 181.495 11.627H178.468C178.419 10.8945 177.784 10.3867 176.866 10.3867C175.987 10.3867 175.45 10.7578 175.45 11.3145C175.45 11.7832 175.762 12.0273 176.846 12.3887L177.979 12.7598C179.991 13.4336 180.762 14.2441 180.762 15.6699C180.762 17.8184 178.839 19.2539 175.938 19.2539C172.979 19.2539 171.065 17.8184 170.987 15.6309H174.18C174.239 16.4219 174.952 16.9688 176.036 16.9688C176.905 16.9688 177.442 16.5977 177.442 16.0312C177.442 15.5918 177.13 15.3672 176.085 15.0156L175.128 14.6934C173.155 14.0391 172.257 13.0723 172.257 11.6074Z"
+        fill="currentColor" />
+</svg>

package/templates/index.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!-- Web -->
+  <title>Project Name</title>
+  <meta name="description" content="Lorem ipsum dolor sit amet.">
+  <meta name="author" content="Your Name">
+  <meta name="keywords" content="lorem, ipsum, dolor, sit, amet">
+  <meta name="robots" content="index, follow">
+  <meta name="googlebot" content="index, follow">
+  <meta name="google" content="notranslate">
+  <link rel="icon" href="/favicon.ico" sizes="any">
+
+  <!-- Web App & Manifest -->
+  <meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)">
+  <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
+  <link rel="manifest" href="/manifest.json">
+
+  <!-- Styles -->
+  <link rel="stylesheet" href="/manifest.theme.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mnfst@0.5.25/dist/manifest.min.css">
+
+  <!-- Scripts -->
+  <script src="https://cdn.jsdelivr.net/npm/mnfst@0.5.25/dist/manifest.min.js" data-tailwind
+    data-version="0.5.25"></script>
+
+</head>
+
+<!-- Page class applies classic web/app layout -->
+
+<body class="page">
+
+  <!-- header.html component -->
+  <x-header x-route="/,page-1,page-2"></x-header>
+
+  <!-- Content area -->
+  <main class="[&>section]:py-10">
+
+    <x-test-localization x-route="test"></x-test-localization>
+
+    <!-- Home -->
+    <section x-route="/" class="prose w-full mb-40" x-markdown="README.md"></section>
+
+    <!-- Page 1 -->
+    <section x-route="page-1">
+      <h1 x-text="$x.content.page1">Page 1</h1>
+    </section>
+
+    <!-- Page 2 -->
+    <section x-route="page-2">
+      <h1 x-text="$x.content.page2">Page 2</h1>
+    </section>
+
+    <!-- License -->
+    <section x-route="license" class="prose w-full mb-40" x-markdown="LICENSE.md"></section>
+
+    <!-- Privacy -->
+    <section x-route="privacy" class="prose w-full mb-40" x-markdown="privacy.md"></section>
+
+    <!-- 404 -->
+    <section x-route="!*">
+      <h1 x-text="$x.content.notFound">404 Page Not Found</h1>
+    </section>
+
+  </main>
+
+  <!-- footer.html component -->
+  <x-footer></x-footer>
+
+</body>
+
+</html>

package/templates/locales.csv

@@ -0,0 +1,12 @@
+key,en,ar,zh
+page1,Page 1,الصفحة 1,页面 1
+page2,Page 2,الصفحة 2,页面 2
+license,License,الترخيص,许可证
+privacy,Privacy,الخصوصية,隐私
+notFound,404 Page Not Found,404 الصفحة غير موجودة,404 页面未找到
+footer.copyright,Copyright © 2025,حقوق النشر © 2025,版权 © 2025
+footer.madeWith,Made with Manifest,صُنع بـ Manifest,使用 Manifest 制作
+footer.privacy,Privacy,الخصوصية,隐私
+theme.light,Light,فاتح,浅色
+theme.dark,Dark,داكن,深色
+theme.system,System,النظام,系统

package/templates/manifest.json

@@ -0,0 +1,36 @@
+{
+  "name": "My Project",
+  "short_name": "Project name",
+  "author": "Universal Exports",
+  "email": "universal@exports.com",
+  "description": "Lorem ipsum dolor sit amet.",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "orientation": "any",
+  "background_color": "#FFFFFF",
+  "icons": [
+    {
+      "src": "/icons/192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "components": [],
+  "preloadedComponents": [
+    "components/footer.html",
+    "components/header.html",
+    "components/logo.html"
+  ],
+  "data": {
+    "manifest": "/manifest.json",
+    "content": {
+      "locales": "/locales.csv"
+    }
+  }
+}

package/templates/manifest.theme.css

@@ -0,0 +1,114 @@
+/*  Manifest Theme CSS
+/*  By Andrew Matlock under MIT license
+/*  https://manifestjs.org/styles/theme
+/*  Modify values to customize your project theme
+*/
+
+:root,
+::selection {
+
+    /* Default palette */
+    --color-50: oklch(100% 0 0);
+    --color-100: oklch(98.17% 0.0005 95.87);
+    --color-200: oklch(96.27% 0.0026 252.34);
+    --color-300: oklch(91.79% 0.0029 264.26);
+    --color-400: oklch(89.24% 0.0024 12.48);
+    --color-500: oklch(67.4% 0.0318 251.27);
+    --color-600: oklch(48.26% 0.0365 255.09);
+    --color-700: oklch(28.7% 0.030787 270.1);
+    --color-800: oklch(20.7% 0.026326 268.7);
+    --color-900: oklch(16.6% 0.026 267);
+    --color-950: oklch(3.89% 0.0181 262.25);
+
+    /* Light theme */
+    --color-page: var(--color-50);
+    --color-surface-1: var(--color-100);
+    --color-surface-2: var(--color-200);
+    --color-surface-3: var(--color-300);
+    --color-content-stark: var(--color-900);
+    --color-content-neutral: var(--color-600);
+    --color-content-subtle: var(--color-500);
+    --color-field-surface: var(--color-300);
+    --color-field-surface-hover: var(--color-400);
+    --color-field-inverse: var(--color-content-stark);
+    --color-popover-surface: var(--color-page);
+    --color-line: color-mix(in oklch, var(--color-content-stark) 11%, transparent);
+    --color-brand-surface: #f6c07b;
+    --color-brand-surface-hover: #f19b46;
+    --color-brand-inverse: #763518;
+    --color-brand-content: #de6618;
+    --color-accent-surface: #ffccd3;
+    --color-accent-surface-hover: #ffa1ad;
+    --color-accent-inverse: #a50036;
+    --color-accent-content: #ff637e;
+    --color-positive-surface: #16a34a;
+    --color-positive-surface-hover: #166534;
+    --color-positive-inverse: white;
+    --color-positive-content: var(--color-positive-surface);
+    --color-negative-surface: #ef4444;
+    --color-negative-surface-hover: #dc2626;
+    --color-negative-inverse: white;
+    --color-negative-content: var(--color-negative-surface);
+
+    /* Sizes */
+    --radius: 0.5rem;
+    --spacing: 0.25rem;
+    --spacing-content-width: 68.75rem;
+    --spacing-field-padding: calc(var(--spacing) * 2.5);
+    --spacing-field-height: calc(var(--spacing) * 9);
+    --spacing-popover-offset: calc(var(--spacing) * 2);
+    --spacing-resize-handle: 1rem;
+    --spacing-viewport-padding: 5vw;
+
+    /* Effects */
+    --transition: all .05s ease-in-out;
+    --tooltip-hover-delay: .5s;
+
+    /* Fonts */
+    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+    /* Icons */
+    --icon-accordion: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m184.49 136.49l-80 80a12 12 0 0 1-17-17L159 128L87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E");
+    --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='m0 11l2-2l5 5L18 3l2 2L7 18z'/%3E%3C/svg%3E");
+    --icon-toast-dismiss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
+}
+
+/* Dark theme overrides */
+.dark {
+    --color-page: var(--color-950);
+    --color-surface-1: var(--color-900);
+    --color-surface-2: var(--color-800);
+    --color-surface-3: var(--color-700);
+    --color-field-surface: var(--color-700);
+    --color-field-surface-hover: var(--color-600);
+    --color-popover-surface: var(--color-700);
+    --color-content-stark: var(--color-50);
+    --color-content-neutral: var(--color-400);
+    --color-content-subtle: var(--color-500);
+    --color-brand-content: #f6c07b;
+    --color-accent-content: #ffa1ad;
+}
+
+@layer base {
+
+    /* Default font and colors */
+    :where(html),
+    :host {
+        line-height: 1.5;
+        font-family: var(--font-sans);
+        color: var(--color-content-stark, inherit);
+        background-color: var(--color-page, inherit)
+    }
+
+    /* Text selection */
+    ::selection {
+        background-color: color-mix(in oklch, var(--color-surface-1) 92%, var(--color-content-stark))
+    }
+
+    /* Focus state */
+    :where(:focus-visible),
+    :where(label:has(input[type=search], input[type=file]):focus-within) {
+        outline: none;
+        box-shadow: 0 0 0 2px color-mix(in oklch, var(--color-content-stark) 35%, transparent);
+    }
+}

package/templates/privacy.md

@@ -0,0 +1,33 @@
+# Privacy Policy
+
+Updated 14 February, 2026
+
+---
+
+This Privacy Policy describes <span x-text="$x.manifest.name"></span> ("<span x-text="$x.manifest.short_name"></span>") practices for handling your information in connection with this web application and any content, related documentation, information, and services made available to you on this web application (collectively, the "Services"). This Privacy Policy describes the personal information we process to support our Services.
+
+---
+
+## What Kinds of Information Do We Collect?​
+
+We do not collect or store any type of personal data.
+
+We may collect anonymized visitor data via third party services integrated in our Services. All integrations comply with the GDPR, ePrivacy (including PECR), COPPA and CCPA. Using these privacy-friendly integrations, your IP address is only briefly processed, and we (running the Services) have no way of identifying you. As per the CCPA, your personal information is de-identified.
+
+---
+
+## How Do We Use Information?​
+
+The sole purpose of collecting the aforementioned data is to understand our traffic and usage in the most privacy-friendly way possible, so that we may improve the Services. The lawful basis as per the GDPR is "Article 6(1)(f); where our legitimate interests are to improve our services and business continually." As per the explanation, no personal data is stored over time.
+
+---
+
+## Data Retention​
+
+All data collected are stored on third party services and are subject to the services' respective data retention policies.
+
+---
+
+## Questions​
+
+If you have any questions about this Privacy Policy or our practices, please contact us at <a :href="'mailto:' + $x.manifest.email" x-text="$x.manifest.email"></a>.

package/templates/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Disallow:
+
+Sitemap: https://www.universalexports.com/sitemap.xml

package/templates/sitemap.xml

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+    <url>
+        <loc>https://universlexports.com</loc>
+        <lastmod>2026-01-01</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>1.0</priority>
+    </url>
+    <url>
+        <loc>https://universlexports.com/page-1</loc>
+        <lastmod>2026-01-01</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>0.9</priority>
+    </url>
+    <url>
+        <loc>https://universlexports.com/page-2</loc>
+        <lastmod>2026-01-01</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>0.5</priority>
+    </url>
+    <url>
+        <loc>https://universlexports.com/privacy</loc>
+        <lastmod>2026-01-01</lastmod>
+        <changefreq>quarterly</changefreq>
+        <priority>0.1</priority>
+    </url>
+</urlset>