uniweb 0.2.52 → 0.2.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uniweb",
-  "version": "0.2.52",
+  "version": "0.2.53",
   "description": "Create structured Vite + React sites with content/code separation",
   "type": "module",
   "bin": {
@@ -38,8 +38,8 @@
     "prompts": "^2.4.2",
     "tar": "^7.0.0",
     "@uniweb/build": "0.1.31",
-    "@uniweb/runtime": "0.2.17",
-    "@uniweb/kit": "0.1.9",
-    "@uniweb/core": "0.1.14"
+    "@uniweb/runtime": "0.2.18",
+    "@uniweb/core": "0.1.14",
+    "@uniweb/kit": "0.1.9"
   }
 }

package/templates/template/README.md.hbs

@@ -1,65 +0,0 @@
-# {{templateTitle}} Template
-
-{{templateDescription}}
-
-## Development
-
-```bash
-# Install dependencies
-pnpm install
-
-# Run the template in development mode
-pnpm dev
-
-# Build the template
-pnpm build
-```
-
-## Template Structure
-
-```
-├── template.json       # Template metadata (published)
-├── template/           # Template files (copied to user projects)
-│   ├── foundation/     # Component library
-│   ├── site/           # Content and pages
-│   └── ...
-└── package.json        # npm package config
-```
-
-## Publishing
-
-### To npm
-
-```bash
-npm publish --access public
-```
-
-Users can then use your template:
-```bash
-uniweb create myproject --template @{{scope}}/template-{{templateName}}
-```
-
-### To GitHub
-
-Push to a GitHub repository and users can use:
-```bash
-uniweb create myproject --template github:{{scope}}/template-{{templateName}}
-```
-
-## Customization
-
-### Adding Components
-
-1. Create component in `template/foundation/src/components/ComponentName/`
-2. Add `index.jsx` and `meta.js`
-3. Export from `template/foundation/src/index.js`
-
-### Adding Content
-
-1. Add pages in `template/site/pages/`
-2. Each page needs `page.yml` and section `.md` files
-3. Reference components in frontmatter with `type: ComponentName`
-
-## License
-
-MIT

package/templates/template/package.json.hbs

@@ -1,33 +0,0 @@
-{
-  "name": "@{{scope}}/template-{{templateName}}",
-  "version": "0.1.0",
-  "description": "{{templateDescription}}",
-  "type": "module",
-  "main": "template.json",
-  "files": [
-    "template.json",
-    "template/"
-  ],
-  "keywords": [
-    "uniweb",
-    "template",
-    "{{templateName}}"
-  ],
-  "scripts": {
-    "dev": "cd template && pnpm dev",
-    "build": "cd template && pnpm build",
-    "test": "node scripts/test-template.js"
-  },
-  "devDependencies": {
-    "uniweb": "{{version "uniweb"}}"
-  },
-  "workspaces": [
-    "site",
-    "foundation",
-    "sites/*",
-    "foundations/*"
-  ],
-  "pnpm": {
-    "onlyBuiltDependencies": ["esbuild", "sharp"]
-  }
-}

package/templates/template/template/AGENTS.md.hbs

@@ -1 +0,0 @@
-{{> agents-md}}

package/templates/template/template/foundation/package.json.hbs

@@ -1,37 +0,0 @@
-{
-  "name": "foundation",
-  "version": "0.1.0",
-  "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/template/template/foundation/src/_entry.generated.js

@@ -1,15 +0,0 @@
-// Auto-generated foundation entry point
-// DO NOT EDIT - This file is regenerated during build
-
-import './styles.css'
-import Features from './components/Features/index.jsx'
-import Hero from './components/Hero/index.jsx'
-
-export const components = { Features, Hero }
-
-export { Features, Hero }
-
-export const capabilities = null
-
-// Per-component runtime metadata (from meta.js)
-export const meta = {}

package/templates/template/template/foundation/src/components/Features/index.jsx

@@ -1,74 +0,0 @@
-import React from 'react'
-import { H2, H3, P, cn } from '@uniweb/kit'
-
-/**
- * Features Component
- *
- * Display a list of features in a grid. Uses items (H3 sections)
- * from the markdown content.
- */
-export function Features({ content, params }) {
-  const { title, subtitle, items = [] } = content || {}
-
-  const {
-    columns = 3,
-    theme = 'light',
-  } = params || {}
-
-  const themes = {
-    light: 'bg-white text-gray-900',
-    gray: 'bg-gray-50 text-gray-900',
-    dark: 'bg-gray-900 text-white',
-  }
-
-  const gridCols = {
-    2: 'md:grid-cols-2',
-    3: 'md:grid-cols-3',
-    4: 'md:grid-cols-4',
-  }
-
-  return (
-    <section className={cn('py-16 px-6', themes[theme])}>
-      <div className="max-w-6xl mx-auto">
-        {(title || subtitle) && (
-          <div className="text-center mb-12">
-            {title && (
-              <H2 text={title} className="text-3xl font-bold mb-4" />
-            )}
-            {subtitle && (
-              <p className={cn(
-                'text-lg',
-                theme === 'light' || theme === 'gray' ? 'text-gray-600' : 'text-gray-300'
-              )}>
-                {subtitle}
-              </p>
-            )}
-          </div>
-        )}
-
-        <div className={cn('grid gap-8', gridCols[columns] || 'md:grid-cols-3')}>
-          {items.map((item, index) => (
-            <div key={index} className="text-center">
-              {item.title && (
-                <H3
-                  text={item.title}
-                  className="text-xl font-semibold mb-3"
-                />
-              )}
-              {item.paragraphs?.[0] && (
-                <P
-                  text={item.paragraphs[0]}
-                  className={cn(
-                    theme === 'light' || theme === 'gray' ? 'text-gray-600' : 'text-gray-300'
-                  )}
-                />
-              )}
-            </div>
-          ))}
-        </div>
-      </div>
-    </section>
-  )
-}
-
-export default Features

package/templates/template/template/foundation/src/components/Features/meta.js

@@ -1,41 +0,0 @@
-export default {
-  title: 'Features',
-  description: 'Display a list of features in a grid',
-  category: 'Content',
-
-  elements: {
-    title: {
-      label: 'Section Title',
-    },
-    subtitle: {
-      label: 'Section Subtitle',
-    },
-    items: {
-      label: 'Features',
-      description: 'Each H3 becomes a feature item',
-    },
-  },
-
-  properties: {
-    columns: {
-      type: 'select',
-      label: 'Columns',
-      options: [
-        { value: 2, label: '2 Columns' },
-        { value: 3, label: '3 Columns' },
-        { value: 4, label: '4 Columns' },
-      ],
-      default: 3,
-    },
-    theme: {
-      type: 'select',
-      label: 'Theme',
-      options: [
-        { value: 'light', label: 'Light' },
-        { value: 'gray', label: 'Gray' },
-        { value: 'dark', label: 'Dark' },
-      ],
-      default: 'light',
-    },
-  },
-}

package/templates/template/template/foundation/src/components/Hero/index.jsx

@@ -1,88 +0,0 @@
-import React from 'react'
-import { H1, P, Link, cn } from '@uniweb/kit'
-
-/**
- * Hero Component
- *
- * A hero section for landing pages. Customize this component
- * for your template's needs.
- */
-export function Hero({ content, params }) {
-  const { title, pretitle, subtitle, paragraphs = [], links = [], imgs = [] } = content || {}
-
-  const {
-    theme = 'light',
-    layout = 'center',
-  } = params || {}
-
-  const themes = {
-    light: 'bg-white text-gray-900',
-    dark: 'bg-gray-900 text-white',
-    gradient: 'bg-gradient-to-br from-primary to-primary-dark text-white',
-  }
-
-  const description = paragraphs[0]
-  const cta = links[0]
-  const secondaryCta = links[1]
-
-  return (
-    <section className={cn('py-20 px-6', themes[theme])}>
-      <div className={cn('max-w-4xl mx-auto', layout === 'center' && 'text-center')}>
-        {pretitle && (
-          <span className="inline-block px-4 py-1 text-sm font-medium rounded-full bg-primary/10 text-primary mb-4">
-            {pretitle}
-          </span>
-        )}
-
-        {title && (
-          <H1
-            text={title}
-            className="text-4xl sm:text-5xl font-bold mb-6 tracking-tight"
-          />
-        )}
-
-        {subtitle && (
-          <p className={cn(
-            'text-xl mb-4',
-            theme === 'light' ? 'text-gray-600' : 'text-gray-300'
-          )}>
-            {subtitle}
-          </p>
-        )}
-
-        {description && (
-          <P
-            text={description}
-            className={cn(
-              'text-lg mb-8',
-              theme === 'light' ? 'text-gray-600' : 'text-gray-300'
-            )}
-          />
-        )}
-
-        {(cta || secondaryCta) && (
-          <div className={cn('flex gap-4 flex-wrap', layout === 'center' && 'justify-center')}>
-            {cta && (
-              <Link
-                href={cta.href}
-                className="px-6 py-3 font-semibold rounded-lg bg-primary text-white hover:bg-primary-dark transition-colors"
-              >
-                {cta.label}
-              </Link>
-            )}
-            {secondaryCta && (
-              <Link
-                href={secondaryCta.href}
-                className="px-6 py-3 font-semibold rounded-lg border-2 border-current hover:bg-gray-100 transition-colors"
-              >
-                {secondaryCta.label}
-              </Link>
-            )}
-          </div>
-        )}
-      </div>
-    </section>
-  )
-}
-
-export default Hero

package/templates/template/template/foundation/src/components/Hero/meta.js

@@ -1,47 +0,0 @@
-export default {
-  title: 'Hero',
-  description: 'A hero section for landing pages',
-  category: 'Headers',
-
-  elements: {
-    pretitle: {
-      label: 'Eyebrow',
-      description: 'Small text above the title',
-    },
-    title: {
-      label: 'Headline',
-      required: true,
-    },
-    subtitle: {
-      label: 'Subtitle',
-    },
-    paragraphs: {
-      label: 'Description',
-    },
-    links: {
-      label: 'Call to Action',
-    },
-  },
-
-  properties: {
-    theme: {
-      type: 'select',
-      label: 'Theme',
-      options: [
-        { value: 'light', label: 'Light' },
-        { value: 'dark', label: 'Dark' },
-        { value: 'gradient', label: 'Gradient' },
-      ],
-      default: 'light',
-    },
-    layout: {
-      type: 'select',
-      label: 'Layout',
-      options: [
-        { value: 'center', label: 'Center' },
-        { value: 'left', label: 'Left' },
-      ],
-      default: 'center',
-    },
-  },
-}

package/templates/template/template/foundation/src/meta.js.hbs

@@ -1,6 +0,0 @@
-export default {
-  name: 'foundation',
-  version: '0.1.0',
-  title: '{{templateTitle}}',
-  description: '{{templateDescription}}',
-}

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

@@ -1,13 +0,0 @@
-@import "tailwindcss";
-
-@source "./components/**/*.{js,jsx}";
-@source "../node_modules/@uniweb/kit/src/**/*.{js,jsx}";
-
-@theme {
-  /* Customize your template's colors */
-  --color-primary: #3b82f6;
-  --color-primary-light: #60a5fa;
-  --color-primary-dark: #2563eb;
-  --color-secondary: #64748b;
-  --color-accent: #8b5cf6;
-}

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

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

package/templates/template/template/package.json.hbs

@@ -1,15 +0,0 @@
-{
-  "name": "{{templateName}}-workspace",
-  "version": "0.1.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "pnpm --filter site dev",
-    "build": "pnpm --filter foundation build && pnpm --filter site build",
-    "preview": "pnpm --filter site preview"
-  },
-  "devDependencies": {
-    "@types/node": "^22.0.0",
-    "uniweb": "{{version "uniweb"}}"
-  }
-}

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

@@ -1,3 +0,0 @@
-packages:
-  - foundation
-  - site

package/templates/template/template/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>{{templateTitle}}</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.js"></script>
-  </body>
-</html>

package/templates/template/template/site/main.js

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

package/templates/template/template/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/template/template/site/pages/home/1-hero.md.hbs

@@ -1,16 +0,0 @@
----
-type: Hero
-theme: gradient
-layout: center
----
-
-### New Template
-
-# {{templateTitle}}
-
-## {{templateDescription}}
-
-Build amazing websites with Uniweb components.
-
-[Get Started](#features)
-[Learn More](https://github.com/uniweb)

package/templates/template/template/site/pages/home/2-features.md

@@ -1,21 +0,0 @@
----
-type: Features
-columns: 3
-theme: light
----
-
-# Features
-
-## What makes this template great
-
-### Easy to Use
-
-Simple markdown content with powerful components. No complex setup required.
-
-### Customizable
-
-Tailor every aspect of your site with Tailwind CSS and React components.
-
-### Fast
-
-Built on Vite for lightning-fast development and optimal production builds.

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

@@ -1,2 +0,0 @@
-title: Home
-description: Welcome page

package/templates/template/template/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/template/template/site/site.yml.hbs

@@ -1,8 +0,0 @@
-name: {{templateTitle}}
-description: {{templateDescription}}
-
-theme:
-  primary: '#3b82f6'
-
-build:
-  prerender: true

package/templates/template/template/site/vite.config.js

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

package/templates/template/template/template.json.hbs

@@ -1,7 +0,0 @@
-{
-  "name": "{{templateTitle}}",
-  "description": "{{templateDescription}}",
-  "uniweb": ">=0.2.0",
-  "tags": ["{{templateName}}"],
-  "components": ["Hero", "Features"]
-}

package/templates/template/template.json

@@ -1,4 +0,0 @@
-{
-  "name": "Template Starter",
-  "description": "A starter for creating your own Uniweb templates. Use this to build custom templates that can be shared via npm or GitHub."
-}