@happyvertical/smrt-template-site-static-json 0.30.0

package/template/src/routes/contact/+page.svelte

@@ -0,0 +1,95 @@
+<script lang="ts">
+  import type { PageData } from './$types';
+
+  let { data }: { data: PageData } = $props();
+  const { siteConfig } = data;
+</script>
+
+<svelte:head>
+  <title>Contact - {siteConfig.name}</title>
+  <meta name="description" content="Contact {siteConfig.name}" />
+</svelte:head>
+
+<div class="contact">
+  <h1>Contact {siteConfig.name}</h1>
+
+  <section>
+    <h2>Get in Touch</h2>
+    <p>
+      Have a question, feedback, or news tip? We'd love to hear from you.
+    </p>
+    <p>
+      <strong>Email:</strong> <a href="mailto:contact@{{PACKAGE_NAME}}.com">contact@{{PACKAGE_NAME}}.com</a>
+    </p>
+  </section>
+
+  <section>
+    <h2>Submit a Tip</h2>
+    <p>
+      Know about an upcoming event, a community story, or something happening in {siteConfig.location.name}?
+      Send us a message and we'll look into it.
+    </p>
+  </section>
+
+  <section>
+    <h2>Official Resources</h2>
+    <p>
+      For official government business, please contact your local government directly.
+    </p>
+  </section>
+
+  <section class="disclaimer">
+    <h2>Disclaimer</h2>
+    <p>
+      {siteConfig.name} is an independent community news service. We are not affiliated with
+      any government entity. Our coverage is based on publicly available documents and official sources.
+    </p>
+  </section>
+</div>
+
+<style>
+  .contact {
+    max-width: 700px;
+  }
+
+  h1 {
+    font-size: var(--font-size-2xl);
+    margin-bottom: var(--spacing-xl);
+    color: var(--color-neutral-gray900);
+  }
+
+  section {
+    margin-bottom: var(--spacing-xl);
+  }
+
+  h2 {
+    font-size: var(--font-size-lg);
+    margin-bottom: var(--spacing-md);
+    color: var(--color-neutral-gray800);
+  }
+
+  p {
+    line-height: 1.7;
+    color: var(--color-neutral-gray700);
+    margin-bottom: var(--spacing-md);
+  }
+
+  a {
+    color: var(--color-primary);
+  }
+
+  .disclaimer {
+    padding: var(--spacing-lg);
+    background: var(--color-neutral-gray100);
+    border-radius: var(--radius-md);
+  }
+
+  .disclaimer h2 {
+    font-size: var(--font-size-md);
+  }
+
+  .disclaimer p {
+    font-size: var(--font-size-sm);
+    margin-bottom: 0;
+  }
+</style>

package/template/src/site.config.ts

@@ -0,0 +1,35 @@
+/**
+ * Site Configuration Helper
+ *
+ * Provides typed access to site configuration from smrt.config.js
+ */
+
+import { loadConfig, getSiteConfig, type SiteConfig } from '@happyvertical/smrt-config';
+
+let _siteConfig: SiteConfig | null = null;
+
+/**
+ * Initialize and load site configuration
+ * Call this in +layout.server.ts before accessing config
+ */
+export async function initSiteConfig(): Promise<SiteConfig> {
+  if (!_siteConfig) {
+    await loadConfig();
+    _siteConfig = getSiteConfig();
+  }
+  if (!_siteConfig) {
+    throw new Error('Site configuration not found in smrt.config.js. Ensure site: {} section exists.');
+  }
+  return _siteConfig;
+}
+
+/**
+ * Get site configuration synchronously
+ * Only call after initSiteConfig() has been called
+ */
+export function getSite(): SiteConfig {
+  if (!_siteConfig) {
+    throw new Error('Site config not initialized. Call initSiteConfig() in +layout.server.ts first.');
+  }
+  return _siteConfig;
+}

package/template/svelte.config.js

@@ -0,0 +1,19 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+  preprocess: vitePreprocess(),
+
+  kit: {
+    adapter: adapter({
+      pages: 'build',
+      assets: 'build',
+      fallback: undefined,
+      precompress: false,
+      strict: true,
+    }),
+  },
+};
+
+export default config;

package/template/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "moduleResolution": "bundler"
+  }
+}

package/template/vite.config.ts

@@ -0,0 +1,6 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  plugins: [sveltekit()],
+});

package/template.config.js

@@ -0,0 +1,86 @@
+/**
+ * Static Site Template Configuration
+ *
+ * Template for community news sites with:
+ * - JSON-based data storage
+ * - Static site generation (SvelteKit)
+ * - Weather integration (Caelus)
+ * - Meeting scraping (Praeco)
+ * - Config-driven site identity
+ */
+
+export default {
+  name: 'site-static-json',
+  description: 'Static community site with JSON data storage',
+  framework: 'sveltekit',
+  version: '1.0.0',
+
+  // Template directory location
+  templateDir: './template',
+
+  // Dependencies for generated project
+  // Note: template/package.json intentionally has empty dependencies/devDependencies;
+  // the scaffolder injects the entries below at generation time, so this file is
+  // the single source of truth for dependency versions.
+  dependencies: {
+    '@happyvertical/smrt-core': '^0.24.8',
+    '@happyvertical/smrt-config': '^0.24.8',
+    '@happyvertical/smrt-ui': '^0.24.8',
+    '@happyvertical/smrt-content': '^0.24.8',
+    '@happyvertical/smrt-events': '^0.24.8',
+    '@happyvertical/smrt-places': '^0.24.8',
+    '@happyvertical/smrt-profiles': '^0.24.8',
+    '@happyvertical/caelus': '^0.1.385',
+  },
+
+  devDependencies: {
+    '@happyvertical/praeco': '^0.2.398',
+    '@sveltejs/adapter-static': '^3.0.10',
+    '@sveltejs/kit': '^2.55.0',
+    '@sveltejs/vite-plugin-svelte': '^6.2.4',
+    svelte: '^5.18.0',
+    'svelte-check': '^4.3.5',
+    typescript: '^5.9.3',
+    vite: '^7.3.1',
+    tsx: '^4.0.0',
+  },
+
+  // Placeholder substitutions for template files
+  placeholders: {
+    '{{SITE_NAME}}': (ctx) => ctx.siteName,
+    '{{SITE_SHORT_NAME}}': (ctx) => {
+      // Extract first part of location or use site name
+      const loc = ctx.location || ctx.siteName;
+      return loc.split(',')[0].trim();
+    },
+    '{{PACKAGE_NAME}}': (ctx) => ctx.name.toLowerCase().replace(/[^a-z0-9-]/g, '-'),
+    '{{LOCATION_NAME}}': (ctx) => ctx.location || ctx.siteName,
+    '{{LATITUDE}}': (ctx) => String(ctx.latitude || 0),
+    '{{LONGITUDE}}': (ctx) => String(ctx.longitude || 0),
+    '{{TIMEZONE}}': (ctx) => ctx.timezone || 'America/Edmonton',
+  },
+
+  // Files configuration
+  files: {
+    skip: ['.gitkeep'],
+  },
+
+  // Post-generation hooks
+  hooks: {
+    afterGenerate: async (ctx) => {
+      console.log(`\n  Site "${ctx.siteName}" created successfully!`);
+      console.log('\nNext steps:');
+      console.log(`  cd ${ctx.name}`);
+      console.log('  pnpm install');
+      console.log('  cp .env.example .env');
+      console.log('  pnpm run init-data');
+      console.log('  pnpm dev');
+      console.log();
+      console.log('To configure your site:');
+      console.log('  1. Edit smrt.config.js to add Praeco sources (councils)');
+      console.log('  2. Customize about/contact page content');
+      console.log('  3. Update theme colors in smrt.config.js');
+      console.log();
+    },
+  },
+};