npm - @uniweb/templates - Versions diffs - 0.1.0 - Mend

@uniweb/templates 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/templates/marketing/template/foundation/src/index.js ADDED Viewed

@@ -0,0 +1,37 @@
+/**
+ * Marketing Foundation
+ *
+ * This is the manual entry point for development.
+ * During build, _entry.generated.js is created automatically.
+ */
+import Hero from './components/Hero/index.jsx'
+import Features from './components/Features/index.jsx'
+import Pricing from './components/Pricing/index.jsx'
+import Testimonials from './components/Testimonials/index.jsx'
+import CTA from './components/CTA/index.jsx'
+const components = { Hero, Features, Pricing, Testimonials, CTA }
+export function getComponent(name) {
+  return components[name]
+}
+export function listComponents() {
+  return Object.keys(components)
+}
+export function getSchema(name) {
+  return components[name]?.schema
+}
+export function getAllSchemas() {
+  const schemas = {}
+  for (const [name, component] of Object.entries(components)) {
+    if (component.schema) schemas[name] = component.schema
+  }
+  return schemas
+}
+export { Hero, Features, Pricing, Testimonials, CTA }
+export default { getComponent, listComponents, getSchema, getAllSchemas, components }

package/templates/marketing/template/foundation/src/meta.js.hbs ADDED Viewed

@@ -0,0 +1,28 @@
+/**
+ * {{projectName}} Foundation Metadata
+ */
+export default {
+  name: '{{projectName}}',
+  description: 'A marketing-focused Uniweb foundation',
+  // Runtime props (available at render time)
+  props: {
+    themeToggleEnabled: true,
+  },
+  // Style configuration for the editor
+  styleFields: [
+    {
+      id: 'primary-color',
+      type: 'color',
+      label: 'Primary Color',
+      default: '#3b82f6',
+    },
+    {
+      id: 'secondary-color',
+      type: 'color',
+      label: 'Secondary Color',
+      default: '#64748b',
+    },
+  ],
+}

package/templates/marketing/template/foundation/src/styles.css ADDED Viewed

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/templates/marketing/template/foundation/tailwind.config.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { fileURLToPath } from 'url'
+import { dirname, join } from 'path'
+const __dirname = dirname(fileURLToPath(import.meta.url))
+export default {
+  content: [join(__dirname, './src/**/*.{js,jsx,ts,tsx}')],
+  theme: {
+    extend: {
+      colors: {
+        primary: '#3b82f6',
+        secondary: '#64748b',
+      },
+    },
+  },
+  plugins: [],
+}

package/templates/marketing/template/foundation/vite.config.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import svgr from 'vite-plugin-svgr'
+import { resolve } from 'path'
+export default defineConfig({
+  plugins: [react(), svgr()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/entry-runtime.js'),
+      formats: ['es'],
+      fileName: 'foundation',
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom', 'react/jsx-runtime', 'react/jsx-dev-runtime'],
+      output: {
+        assetFileNames: 'assets/[name][extname]',
+      },
+    },
+    sourcemap: true,
+    cssCodeSplit: false,
+  },
+})

package/templates/marketing/template/package.json.hbs ADDED Viewed

@@ -0,0 +1,13 @@
+{
+  "name": "{{projectName}}",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "pnpm --filter site dev",
+    "dev:runtime": "pnpm --filter site dev:runtime",
+    "build": "pnpm --filter foundation build && pnpm --filter site build",
+    "build:foundation": "pnpm --filter foundation build",
+    "build:site": "pnpm --filter site build",
+    "preview": "pnpm --filter site preview"
+  }
+}

package/templates/marketing/template/pnpm-workspace.yaml ADDED Viewed

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

package/templates/marketing/template/site/index.html.hbs ADDED Viewed

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{projectName}}</title>
+    <style>
+      body { margin: 0; font-family: system-ui, sans-serif; }
+      .loading { display: flex; align-items: center; justify-content: center; min-height: 100vh; color: #64748b; }
+    </style>
+  </head>
+  <body>
+    <div id="root">
+      <div class="loading">Loading...</div>
+    </div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

package/templates/marketing/template/site/package.json.hbs ADDED Viewed

@@ -0,0 +1,27 @@
+{
+  "name": "{{projectName}}-site",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "dev:runtime": "VITE_FOUNDATION_MODE=runtime vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@uniweb/runtime": "^0.1.0"
+  },
+  "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",
+    "react-router-dom": "^6.22.0",
+    "tailwindcss": "^3.4.1",
+    "vite": "^5.1.0",
+    "vite-plugin-svgr": "^4.2.0"
+  }
+}

package/templates/marketing/template/site/pages/home/1-hero.md ADDED Viewed

@@ -0,0 +1,12 @@
+---
+component: Hero
+theme: gradient
+alignment: center
+---
+# Build Beautiful Websites Without the Complexity
+Create stunning, content-driven websites using simple markdown files and reusable components. No complex CMS required.
+[Get Started Free](#pricing)
+[View Demo](#features)

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

@@ -0,0 +1,33 @@
+---
+component: Features
+theme: light
+columns: 3
+---
+## Everything You Need
+Our platform provides all the tools to create professional websites quickly.
+### Lightning Fast
+Built on modern web technologies for blazing fast performance. Your pages load in milliseconds, not seconds.
+### Content First
+Write in markdown, see results instantly. Focus on your content while we handle the presentation.
+### Fully Customizable
+Every component is designed to be extended. Create your own foundation or customize existing ones.
+### Mobile Ready
+Responsive by default. Your site looks great on every device, from phones to desktops.
+### SEO Optimized
+Built-in SEO best practices. Your content gets discovered by search engines automatically.
+### Easy to Deploy
+One command deploys to any static host. Works with Vercel, Netlify, GitHub Pages, and more.

package/templates/marketing/template/site/pages/home/3-pricing.md ADDED Viewed

@@ -0,0 +1,43 @@
+---
+component: Pricing
+theme: light
+---
+## Simple, Transparent Pricing
+Choose the plan that works for you. All plans include core features.
+### Starter
+Perfect for personal projects and small sites.
+- Up to 5 pages
+- 1 custom domain
+- Basic analytics
+- Community support
+[Start Free](#)
+### Professional
+For growing businesses and teams.
+- Unlimited pages
+- 3 custom domains
+- Advanced analytics
+- Priority support
+- Custom components
+[Start Trial](#)
+### Enterprise
+For large organizations with custom needs.
+- Everything in Pro
+- Unlimited domains
+- Dedicated support
+- Custom integrations
+- SLA guarantee
+[Contact Sales](#)

package/templates/marketing/template/site/pages/home/4-testimonials.md ADDED Viewed

@@ -0,0 +1,27 @@
+---
+component: Testimonials
+theme: gray
+columns: 3
+---
+## Loved by Developers
+See what our users have to say about their experience.
+### Sarah Chen
+Finally, a tool that lets me focus on content instead of wrestling with CMSes. My blog went from idea to launch in an afternoon.
+Engineering Manager at TechCorp
+### Marcus Johnson
+The component system is brilliant. We built our entire marketing site using reusable blocks. Updates are a breeze now.
+Founder at StartupXYZ
+### Elena Rodriguez
+As a designer, I appreciate how easy it is to customize the look and feel. The Tailwind integration is seamless.
+Lead Designer at CreativeStudio

package/templates/marketing/template/site/pages/home/5-cta.md ADDED Viewed

@@ -0,0 +1,12 @@
+---
+component: CTA
+theme: gradient
+alignment: center
+---
+## Ready to Get Started?
+Join thousands of developers building better websites. Start for free, no credit card required.
+[Create Your First Site](#)
+[Read the Docs](#)

package/templates/marketing/template/site/pages/home/page.yml ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ title: Home
2	+ order: 1

package/templates/marketing/template/site/postcss.config.js ADDED Viewed

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/templates/marketing/template/site/site.yml.hbs ADDED Viewed

@@ -0,0 +1,5 @@
+name: {{projectName}}
+defaultLanguage: en
+# Foundation to use for this site
+foundation: foundation

package/templates/marketing/template/site/src/main.jsx ADDED Viewed

@@ -0,0 +1,19 @@
+import { initRuntime } from '@uniweb/runtime'
+const useRuntimeLoading = import.meta.env.VITE_FOUNDATION_MODE === 'runtime'
+async function start() {
+  if (useRuntimeLoading) {
+    initRuntime({
+      url: '/foundation/foundation.js',
+      cssUrl: '/foundation/assets/style.css'
+    })
+  } else {
+    // #foundation alias is resolved by Vite based on site.yml config
+    const foundation = await import('#foundation')
+    await import('#foundation/styles')
+    initRuntime(foundation)
+  }
+}
+start().catch(console.error)

package/templates/marketing/template/site/tailwind.config.js ADDED Viewed

@@ -0,0 +1,24 @@
+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: {
+        primary: '#3b82f6',
+        secondary: '#64748b',
+      },
+    },
+  },
+  plugins: [],
+}

package/templates/marketing/template/site/vite.config.js ADDED Viewed

@@ -0,0 +1,42 @@
+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: {
+      '#foundation': foundation,
+    },
+  },
+  plugins: [
+    react(),
+    svgr(),
+    siteContentPlugin({
+      sitePath: './',
+      inject: true,
+    }),
+    useRuntimeLoading && foundationPlugin({
+      name: foundation,
+      path: foundationPath,
+      serve: '/foundation',
+      watch: true,
+    }),
+  ].filter(Boolean),
+  server: {
+    fs: { allow: ['..'] },
+    port: 3000,
+  },
+})

package/templates/marketing/template.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "name": "Marketing Starter",
+  "description": "A complete marketing site with landing page, features showcase, pricing tables, and testimonials. Perfect for product launches, SaaS websites, and business landing pages.",
+  "uniweb": ">=0.2.0",
+  "preview": "preview.png",
+  "tags": ["marketing", "landing-page", "saas", "business"],
+  "components": ["Hero", "Features", "Pricing", "Testimonials", "CTA"]
+}