uniweb 0.7.1 → 0.7.2

package/templates/{multi/sites/main → site}/package.json.hbs

@@ -1,5 +1,5 @@
 {
-  "name": "main",
+  "name": "{{name}}",
   "version": "0.1.0",
   "type": "module",
   "private": true,
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@uniweb/runtime": "{{version "@uniweb/runtime"}}",
-    "default": "file:../../foundations/default"
+    "{{foundationName}}": "{{foundationPath}}"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.0",

package/templates/site/site.yml.hbs

@@ -0,0 +1,10 @@
+name: {{projectName}}
+
+{{#if foundationRef}}
+foundation: {{foundationRef}}
+
+{{/if}}
+index: home
+
+build:
+  prerender: true

package/templates/site/theme.yml

@@ -0,0 +1 @@
+primary: '#3b82f6'

package/templates/{_shared → workspace}/package.json.hbs

@@ -4,20 +4,14 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "pnpm --filter site dev",
-    "build": "pnpm --filter foundation build && pnpm --filter site build",
-    "preview": "pnpm --filter site preview"
+    {{#each scripts}}
+    "{{@key}}": "{{this}}"{{#unless @last}},{{/unless}}
+    {{/each}}
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
     "uniweb": "{{version "uniweb"}}"
   },
-  "workspaces": [
-    "site",
-    "foundation",
-    "sites/*",
-    "foundations/*"
-  ],
   "pnpm": {
     "onlyBuiltDependencies": ["esbuild", "sharp"]
   }

package/templates/workspace/pnpm-workspace.yaml.hbs

@@ -0,0 +1,4 @@
+packages:
+{{#each workspaceGlobs}}
+  - "{{this}}"
+{{/each}}

package/templates/_shared/pnpm-workspace.yaml

@@ -1,5 +0,0 @@
-packages:
-  - foundation
-  - site
-  - foundations/*
-  - sites/*

package/templates/multi/README.md.hbs

@@ -1,85 +0,0 @@
-# {{projectName}}
-
-A multi-site workspace built with [Uniweb](https://github.com/uniweb/cli) — a component web platform that separates content from code.
-
-{{> quick-start}}
-
-## Project Structure
-
-```
-{{projectName}}/
-├── foundations/         # Shared component libraries
-│   └── default/         # Default foundation
-│       ├── src/
-│       │   ├── components/
-│       │   └── styles.css
-│       └── vite.config.js
-│
-├── sites/               # Content sites
-│   └── main/            # Main site
-│       ├── pages/
-│       ├── site.yml
-│       ├── main.js
-│       └── vite.config.js
-│
-├── AGENTS.md            # AI assistant instructions
-└── README.md            # This file
-```
-
-{{> components-docs}}
-
-## Commands
-
-```bash
-pnpm dev           # Start main site
-pnpm dev:all       # Start all sites in parallel
-pnpm build         # Build main site
-pnpm build:all     # Build all sites
-```
-
-## Adding a New Site
-
-1. Copy an existing site:
-   ```bash
-   cp -r sites/main sites/newsite
-   ```
-
-2. Update `sites/newsite/package.json` with a unique name
-
-3. Update `sites/newsite/site.yml` with site configuration
-
-4. Run `pnpm install` to link the new site
-
-## Adding a New Foundation
-
-1. Copy an existing foundation:
-   ```bash
-   cp -r foundations/default foundations/newfoundation
-   ```
-
-2. Update the package.json with a unique name
-
-3. In your site's `site.yml`, reference the foundation:
-   ```yaml
-   foundation: newfoundation
-   ```
-
-4. In your site's `package.json`, add the dependency:
-   ```json
-   "dependencies": {
-     "newfoundation": "file:../../foundations/newfoundation"
-   }
-   ```
-
-## Sharing Foundations
-
-Multiple sites can use the same foundation. Each site references the foundation in its `site.yml` and `package.json`.
-
-This allows:
-- Consistent components across sites
-- Single source of truth for design
-- Foundation updates propagate to all sites
-
-{{> ai-assistance}}
-
-{{> learn-more}}

package/templates/multi/foundations/default/package.json.hbs

@@ -1,38 +0,0 @@
-{
-  "name": "default",
-  "version": "0.1.0",
-  "description": "{{projectName}} default foundation - Uniweb component library",
-  "type": "module",
-  "main": "./src/_entry.generated.js",
-  "exports": {
-    ".": "./src/_entry.generated.js",
-    "./styles": "./src/styles.css",
-    "./dist": "./dist/foundation.js",
-    "./dist/styles": "./dist/assets/style.css"
-  },
-  "files": ["dist", "src"],
-  "scripts": {
-    "dev": "vite",
-    "build": "uniweb build",
-    "build:vite": "vite build",
-    "preview": "vite preview"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "dependencies": {
-    "@uniweb/core": "{{version "@uniweb/core"}}",
-    "@uniweb/kit": "{{version "@uniweb/kit"}}"
-  },
-  "devDependencies": {
-    "@tailwindcss/vite": "^4.0.0",
-    "@uniweb/build": "{{version "@uniweb/build"}}",
-    "@vitejs/plugin-react": "^5.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwindcss": "^4.0.0",
-    "vite": "^7.0.0",
-    "vite-plugin-svgr": "^4.2.0"
-  }
-}

package/templates/multi/foundations/default/src/foundation.js

@@ -1,41 +0,0 @@
-/**
- * Default Foundation Configuration
- *
- * This file defines foundation-level configuration:
- * - vars: CSS custom properties that sites can override in theme.yml
- * - Layout: Custom page layout component (optional)
- * - props: Foundation-wide props accessible via website.foundationProps
- *
- * Identity (name, version, description) comes from package.json.
- */
-
-// Create a layout at src/layouts/MyLayout/index.jsx
-
-/**
- * CSS custom properties that sites can override in theme.yml
- */
-export const vars = {
-  'header-height': {
-    default: '4rem',
-    description: 'Fixed header height',
-  },
-  'max-content-width': {
-    default: '80rem',
-    description: 'Maximum content width (1280px)',
-  },
-  'section-padding-y': {
-    default: '5rem',
-    description: 'Vertical padding for sections',
-  },
-}
-
-/**
- * Runtime exports (Layout and props)
- */
-export default {
-  // Optional: Create custom layouts in src/layouts/
-  // Then set defaultLayout: 'MyLayout' below
-
-  // Foundation-wide props (accessible via website.foundationProps):
-  props: {},
-}

package/templates/multi/package.json.hbs

@@ -1,26 +0,0 @@
-{
-  "name": "{{projectName}}",
-  "version": "0.1.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "pnpm --filter main dev",
-    "dev:all": "pnpm -r dev",
-    "build": "pnpm --filter default build && pnpm --filter main build",
-    "build:all": "pnpm -r build",
-    "preview": "pnpm --filter main preview"
-  },
-  "devDependencies": {
-    "@types/node": "^22.0.0",
-    "uniweb": "{{version "uniweb"}}"
-  },
-  "workspaces": [
-    "site",
-    "foundation",
-    "sites/*",
-    "foundations/*"
-  ],
-  "pnpm": {
-    "onlyBuiltDependencies": ["esbuild", "sharp"]
-  }
-}

package/templates/multi/sites/main/pages/home/1-welcome.md.hbs

@@ -1,14 +0,0 @@
----
-type: Section
-theme: light
-align: center
----
-
-# Welcome to {{projectName}}
-
-## Your multi-site workspace is ready
-
-This workspace supports multiple sites sharing foundations. Add more sites in `sites/` and more foundations in `foundations/`.
-
-[About](/about)
-[Documentation](https://github.com/uniweb)

package/templates/multi/sites/main/site.yml.hbs

@@ -1,12 +0,0 @@
-name: {{projectName}}
-description: Main site for {{projectName}}
-foundation: default
-
-# Homepage - specifies which page folder becomes the root route (/)
-index: home
-
-theme:
-  primary: '#3b82f6'
-
-build:
-  prerender: true

package/templates/multi/sites/main/vite.config.js

@@ -1,7 +0,0 @@
-import { defineSiteConfig } from '@uniweb/build/site'
-
-export default defineSiteConfig({
-  server: {
-    fs: { allow: ['../..'] }
-  }
-})

package/templates/multi/template/.vscode/settings.json

@@ -1,6 +0,0 @@
-{
-  "yaml.schemas": {
-    "https://raw.githubusercontent.com/uniweb/cli/main/schemas/site.schema.json": "**/site.yml",
-    "https://raw.githubusercontent.com/uniweb/cli/main/schemas/page.schema.json": "**/page.yml"
-  }
-}

package/templates/multi/template.json

@@ -1,5 +0,0 @@
-{
-  "name": "Multi-Site Workspace",
-  "description": "A Uniweb workspace supporting multiple sites and foundations. Use this when you need to manage several related sites or share foundations across projects.",
-  "base": "_shared"
-}

package/templates/single/foundation/src/sections/Section/index.jsx

@@ -1,121 +0,0 @@
-import React from 'react'
-import { H1, H2, P, Link, cn } from '@uniweb/kit'
-
-/**
- * Section Component
- *
- * A versatile content section that handles headings, text, and links.
- * This is the default component for rendering markdown content.
- */
-function Section({ content, params }) {
-  // Content fields: title, pretitle, subtitle, paragraphs, links, imgs, items
-  const { title, pretitle, subtitle, paragraphs = [], links = [], imgs = [] } = content || {}
-
-  const {
-    theme = 'light',
-    align = 'center',
-    width = 'default',
-  } = params || {}
-
-  // Theme styles
-  const themes = {
-    light: 'bg-white text-gray-900',
-    dark: 'bg-gray-900 text-white',
-    primary: 'bg-primary text-white',
-  }
-
-  // Alignment styles
-  const alignments = {
-    left: 'text-left',
-    center: 'text-center',
-    right: 'text-right',
-  }
-
-  // Width styles
-  const widths = {
-    narrow: 'max-w-2xl',
-    default: 'max-w-4xl',
-    wide: 'max-w-6xl',
-    full: 'max-w-none',
-  }
-
-  return (
-    <section className={cn('py-16 px-6', themes[theme])}>
-      <div className={cn('mx-auto', widths[width], alignments[align])}>
-        {/* Pretitle / Eyebrow */}
-        {pretitle && (
-          <p className="text-sm font-medium text-primary mb-4 uppercase tracking-wide">
-            {pretitle}
-          </p>
-        )}
-
-        {/* Title */}
-        {title && (
-          <H1
-            text={title}
-            className="text-3xl sm:text-4xl font-bold mb-4"
-          />
-        )}
-
-        {/* Subtitle */}
-        {subtitle && (
-          <H2
-            text={subtitle}
-            className={cn(
-              'text-xl mb-6',
-              theme === 'light' ? 'text-gray-600' : 'text-gray-300'
-            )}
-          />
-        )}
-
-        {/* Paragraphs */}
-        {paragraphs.map((para, index) => (
-          <P
-            key={index}
-            text={para}
-            className={cn(
-              'text-lg mb-4 leading-relaxed',
-              theme === 'light' ? 'text-gray-700' : 'text-gray-300'
-            )}
-          />
-        ))}
-
-        {/* Links */}
-        {links.length > 0 && (
-          <div className={cn('mt-8 flex gap-4 flex-wrap', alignments[align] === 'text-center' && 'justify-center')}>
-            {links.map((link, index) => (
-              <Link
-                key={index}
-                href={link.href}
-                className={cn(
-                  'inline-flex items-center px-6 py-3 font-medium rounded-lg transition-colors',
-                  index === 0
-                    ? 'bg-primary-600 text-white hover:bg-primary-700'
-                    : 'border border-current hover:bg-gray-100'
-                )}
-              >
-                {link.label}
-              </Link>
-            ))}
-          </div>
-        )}
-
-        {/* Images */}
-        {imgs.length > 0 && (
-          <div className="mt-8">
-            {imgs.map((img, index) => (
-              <img
-                key={index}
-                src={img.url || img.src}
-                alt={img.alt || ''}
-                className="rounded-lg shadow-lg mx-auto"
-              />
-            ))}
-          </div>
-        )}
-      </div>
-    </section>
-  )
-}
-
-export default Section

package/templates/single/foundation/src/sections/Section/meta.js

@@ -1,61 +0,0 @@
-/**
- * Section Component Metadata (v2)
- *
- * A versatile content section for headings, text, and links.
- */
-export default {
-  title: 'Section',
-  description: 'A versatile content section for headings, text, and links',
-  category: 'content',
-  purpose: 'Inform',
-
-  content: {
-    pretitle: 'Eyebrow text',
-    title: 'Main heading',
-    subtitle: 'Secondary heading',
-    paragraphs: 'Body text',
-    links: 'Call-to-action buttons',
-    imgs: 'Section images',
-  },
-
-  params: {
-    theme: {
-      type: 'select',
-      label: 'Theme',
-      options: ['light', 'dark', 'primary'],
-      default: 'light',
-    },
-    align: {
-      type: 'select',
-      label: 'Alignment',
-      options: ['left', 'center', 'right'],
-      default: 'center',
-    },
-    width: {
-      type: 'select',
-      label: 'Width',
-      options: [
-        'narrow',
-        'default',
-        'wide',
-        { value: 'full', label: 'Full Width' },
-      ],
-      default: 'default',
-    },
-  },
-
-  presets: {
-    default: {
-      label: 'Centered',
-      params: { theme: 'light', align: 'center' },
-    },
-    dark: {
-      label: 'Dark Theme',
-      params: { theme: 'dark', align: 'center' },
-    },
-    left: {
-      label: 'Left Aligned',
-      params: { theme: 'light', align: 'left' },
-    },
-  },
-}

package/templates/single/foundation/src/styles.css

@@ -1,5 +0,0 @@
-@import "tailwindcss";
-@import "@uniweb/kit/theme-tokens.css";
-
-@source "./sections/**/*.{js,jsx}";
-@source "../node_modules/@uniweb/kit/src/**/*.{js,jsx}";

package/templates/single/foundation/vite.config.js

@@ -1,3 +0,0 @@
-import { defineFoundationConfig } from '@uniweb/build'
-
-export default defineFoundationConfig()

package/templates/single/site/index.html.hbs

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>{{projectName}}</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.js"></script>
-  </body>
-</html>

package/templates/single/site/main.js

@@ -1,7 +0,0 @@
-import '#foundation/styles'
-import { start } from '@uniweb/runtime'
-
-start({
-  config: __FOUNDATION_CONFIG__,
-  foundation: import('#foundation')
-})

package/templates/single/site/package.json.hbs

@@ -1,27 +0,0 @@
-{
-  "name": "site",
-  "version": "0.1.0",
-  "type": "module",
-  "private": true,
-  "scripts": {
-    "dev": "vite",
-    "dev:runtime": "VITE_FOUNDATION_MODE=runtime vite",
-    "build": "uniweb build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@uniweb/runtime": "{{version "@uniweb/runtime"}}",
-    "foundation": "file:../foundation"
-  },
-  "devDependencies": {
-    "@tailwindcss/vite": "^4.0.0",
-    "@uniweb/build": "{{version "@uniweb/build"}}",
-    "@vitejs/plugin-react": "^5.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^7.0.0",
-    "tailwindcss": "^4.0.0",
-    "vite": "^7.0.0",
-    "vite-plugin-svgr": "^4.2.0"
-  }
-}

package/templates/single/site/pages/about/1-about.md.hbs

@@ -1,13 +0,0 @@
----
-type: Section
-theme: dark
-align: center
----
-
-# About {{projectName}}
-
-## A second page to demonstrate routing
-
-This page uses a dark theme. Click the link below to navigate back to the home page and see the theme change.
-
-[Back to Home](/)

package/templates/single/site/pages/about/page.yml

@@ -1,2 +0,0 @@
-title: About
-description: About this project

package/templates/single/site/pages/home/page.yml

@@ -1,2 +0,0 @@
-title: Home
-description: Welcome to the site

package/templates/single/site/public/favicon.svg

@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect width="32" height="32" rx="6" fill="#1e293b"/>
-  <!-- < symbol -->
-  <path d="M12 10 L6 16 L12 22" stroke="#FA8400" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <!-- > symbol -->
-  <path d="M20 10 L26 16 L20 22" stroke="#00ADFE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-</svg>

package/templates/single/site/site.yml.hbs

@@ -1,10 +0,0 @@
-name: {{projectName}}
-
-# Homepage - specifies which page folder becomes the root route (/)
-index: home
-
-theme:
-  primary: '#3b82f6'
-
-build:
-  prerender: true

package/templates/single/template.json

@@ -1,10 +0,0 @@
-{
-  "name": "Single Project",
-  "description": "A minimal Uniweb project with one foundation and one site. The canonical starting point for any Uniweb project.",
-  "base": "_shared",
-  "structure": {
-    "root": ["package.json.hbs", "pnpm-workspace.yaml", ".gitignore", "AGENTS.md.hbs"],
-    "foundation": ["package.json.hbs", "vite.config.js", ".gitignore", "src/"],
-    "site": ["package.json.hbs", "vite.config.js", "index.html.hbs", "site.yml.hbs", "src/", "pages/"]
-  }
-}