uniweb 0.1.5 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uniweb",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "CLI for the Uniweb Component Web Platform",
   "type": "module",
   "bin": {

package/src/index.js

@@ -243,8 +243,7 @@ async function createWorkspace(projectDir, projectName) {
     scripts: {
       dev: 'pnpm --filter site dev',
       'dev:runtime': 'VITE_FOUNDATION_MODE=runtime pnpm --filter site dev',
-      'build:foundation': 'pnpm --filter foundation build',
-      build: 'pnpm build:foundation && pnpm --filter site build',
+      build: 'pnpm -r build',
     },
     pnpm: {
       onlyBuiltDependencies: ['esbuild', 'sharp'],
@@ -318,13 +317,20 @@ Use this to debug issues that only appear in production.
 ## Building for Production
 
 \`\`\`bash
-# Build both foundation and site
+# Build all packages (foundations and sites)
 pnpm build
+
+# Build a specific package
+pnpm --filter foundation build
+pnpm --filter site build
+
+# Build only certain packages
+pnpm --filter marketing-site --filter docs-site build
 \`\`\`
 
-Output:
-- \`packages/foundation/dist/\` — Bundled foundation (JS + CSS + schema)
-- \`packages/site/dist/\` — Production-ready site
+**Output:**
+- \`packages/[foundation]/dist/\` — Bundled components, CSS, and schema.json
+- \`packages/[site]/dist/\` — Production-ready static site
 
 ## Adding Components
 
@@ -351,6 +357,66 @@ subtitle: Your subtitle
 Optional body content here.
 \`\`\`
 
+## Configuration
+
+Each site has a \`site.yml\` that configures which foundation it uses:
+
+\`\`\`yaml
+name: site
+defaultLanguage: en
+foundation: foundation    # References packages/foundation
+\`\`\`
+
+## Multiple Sites and Foundations
+
+This workspace supports multiple sites and foundations. The \`packages/*\` pattern includes any package you add.
+
+**Adding another foundation:**
+
+\`\`\`bash
+npx uniweb create packages/docs-foundation --template foundation
+\`\`\`
+
+**Adding another site:**
+
+\`\`\`bash
+npx uniweb create packages/docs-site --template site
+\`\`\`
+
+Then edit \`packages/docs-site/site.yml\` to use the new foundation:
+
+\`\`\`yaml
+foundation: docs-foundation
+\`\`\`
+
+**Running a specific site:**
+
+\`\`\`bash
+pnpm --filter docs-site dev
+\`\`\`
+
+## Sharing Components
+
+For components shared across multiple foundations, create a shared package:
+
+\`\`\`
+packages/
+├── shared/              # Shared React components
+│   ├── package.json
+│   └── src/
+│       └── Button.jsx
+├── marketing-foundation/
+├── docs-foundation/
+└── site/
+\`\`\`
+
+Foundations can import from the shared package:
+
+\`\`\`js
+// packages/marketing-foundation/src/components/Hero/index.jsx
+import { Button } from 'shared'
+\`\`\`
+
 ## What is Uniweb?
 
 Uniweb is a **Component Web Platform** that bridges content and components.
@@ -362,9 +428,6 @@ Learn more:
 - [CLI Documentation](https://github.com/uniweb/cli)
 - [uniweb.app](https://uniweb.app) — Full publishing platform
 
-## License
-
-MIT
 `)
 
   // Create site package
@@ -405,6 +468,7 @@ async function createSite(projectDir, projectName, isWorkspace = false) {
     devDependencies: {
       '@vitejs/plugin-react': '^4.2.1',
       autoprefixer: '^10.4.18',
+      'js-yaml': '^4.1.0',
       postcss: '^8.4.35',
       react: '^18.2.0',
       'react-dom': '^18.2.0',
@@ -415,13 +479,24 @@ async function createSite(projectDir, projectName, isWorkspace = false) {
     },
   })
 
-  // Foundation import name
+  // Foundation import name (used for initial site.yml)
   const foundationImport = isWorkspace ? 'foundation' : 'foundation-example'
 
-  // tailwind.config.js - scan foundation components
-  const foundationPath = isWorkspace ? '../foundation' : `./node_modules/${foundationImport}`
-  writeFile(join(projectDir, 'tailwind.config.js'), `export default {
-  content: ['${foundationPath}/src/**/*.{js,jsx,ts,tsx}'],
+  // tailwind.config.js - reads foundation from site.yml
+  writeFile(join(projectDir, 'tailwind.config.js'), `import { readFileSync, existsSync } from 'fs'
+import yaml from 'js-yaml'
+
+// Read foundation from site.yml
+const siteConfig = yaml.load(readFileSync('./site.yml', 'utf8'))
+const foundation = siteConfig.foundation || 'foundation'
+
+// Resolve foundation path (workspace sibling or node_modules)
+const workspacePath = \`../\${foundation}/src/**/*.{js,jsx,ts,tsx}\`
+const npmPath = \`./node_modules/\${foundation}/src/**/*.{js,jsx,ts,tsx}\`
+const contentPath = existsSync(\`../\${foundation}\`) ? workspacePath : npmPath
+
+export default {
+  content: [contentPath],
   theme: {
     extend: {
       colors: {
@@ -443,15 +518,31 @@ async function createSite(projectDir, projectName, isWorkspace = false) {
 }
 `)
 
-  // vite.config.js
+  // vite.config.js - reads foundation from site.yml
   writeFile(join(projectDir, 'vite.config.js'), `import { defineConfig } from 'vite'
+import { readFileSync, existsSync } from 'fs'
+import yaml from 'js-yaml'
 import react from '@vitejs/plugin-react'
 import svgr from 'vite-plugin-svgr'
 import { siteContentPlugin, foundationPlugin } from '@uniweb/runtime/vite'
 
+// Read foundation from site.yml
+const siteConfig = yaml.load(readFileSync('./site.yml', 'utf8'))
+const foundation = siteConfig.foundation || 'foundation'
+
+// Check if foundation is a workspace sibling or npm package
+const isWorkspaceFoundation = existsSync(\`../\${foundation}\`)
+const foundationPath = isWorkspaceFoundation ? \`../\${foundation}\` : \`./node_modules/\${foundation}\`
+
 const useRuntimeLoading = process.env.VITE_FOUNDATION_MODE === 'runtime'
 
 export default defineConfig({
+  resolve: {
+    alias: {
+      // Alias #foundation to the actual foundation package
+      '#foundation': foundation,
+    },
+  },
   plugins: [
     react(),
     svgr(),
@@ -460,8 +551,8 @@ export default defineConfig({
       inject: true,
     }),
     useRuntimeLoading && foundationPlugin({
-      name: '${foundationImport}',
-      path: ${isWorkspace ? "'../foundation'" : "require.resolve('" + foundationImport + "').replace('/src/index.js', '')"},
+      name: foundation,
+      path: foundationPath,
       serve: '/foundation',
       watch: true,
     }),
@@ -494,7 +585,7 @@ export default defineConfig({
 </html>
 `)
 
-  // main.jsx
+  // main.jsx - uses #foundation alias (configured in vite.config.js from site.yml)
   writeFile(join(projectDir, 'src/main.jsx'), `import { initRuntime } from '@uniweb/runtime'
 
 const useRuntimeLoading = import.meta.env.VITE_FOUNDATION_MODE === 'runtime'
@@ -506,8 +597,9 @@ async function start() {
       cssUrl: '/foundation/assets/style.css'
     })
   } else {
-    const foundation = await import('${foundationImport}')
-    await import('${foundationImport}/styles')
+    // #foundation alias is resolved by Vite based on site.yml config
+    const foundation = await import('#foundation')
+    await import('#foundation/styles')
     initRuntime(foundation)
   }
 }
@@ -518,6 +610,9 @@ start().catch(console.error)
   // site.yml
   writeFile(join(projectDir, 'site.yml'), `name: ${projectName}
 defaultLanguage: en
+
+# Foundation to use for this site
+foundation: ${foundationImport}
 `)
 
   // pages/home/page.yml
@@ -596,19 +691,17 @@ Optional markdown content here.
 - The \`component\` field specifies which Foundation component renders the section
 - Other frontmatter fields become the component's content
 
-## Changing the Foundation
+## Configuration
 
-Edit \`package.json\` to use a different foundation:
+The \`site.yml\` file configures your site:
 
-\`\`\`json
-{
-  "dependencies": {
-    "@your-org/your-foundation": "^1.0.0"
-  }
-}
+\`\`\`yaml
+name: ${projectName}
+defaultLanguage: en
+foundation: ${foundationImport}    # Which foundation to use
 \`\`\`
 
-Then update imports in \`src/main.jsx\` and \`vite.config.js\`.
+To use a different foundation, update the \`foundation\` field and install the package.
 
 ## Building for Production
 
@@ -623,9 +716,6 @@ Output is in \`dist/\` — ready to deploy to any static host.
 - [Uniweb on GitHub](https://github.com/uniweb)
 - [uniweb.app](https://uniweb.app)
 
-## License
-
-MIT
 `)
   }
 
@@ -963,9 +1053,6 @@ A Foundation defines the vocabulary for Uniweb sites:
 
 Learn more at [github.com/uniweb](https://github.com/uniweb)
 
-## License
-
-MIT
 `)
   }