astro-tractstack 2.0.0-rc.0

package/templates/src/pages/llms.txt.ts

@@ -0,0 +1,122 @@
+import type { APIRoute } from '@/types/astro';
+import { getBrandConfig } from '@/utils/api/brandConfig';
+
+export const GET: APIRoute = async ({ request }) => {
+  // Get tenant ID from headers (set by middleware)
+  const tenantId = request.headers.get('X-Tenant-ID') || 'default';
+
+  // Fetch content map from backend
+  const goBackend =
+    import.meta.env.PUBLIC_GO_BACKEND || 'http://localhost:8080';
+
+  let contentMap = [];
+  let brandConfig = null;
+
+  try {
+    // Fetch content map
+    const contentResponse = await fetch(
+      `${goBackend}/api/v1/content/full-map`,
+      {
+        headers: {
+          'X-Tenant-ID': tenantId,
+        },
+      }
+    );
+
+    if (contentResponse.ok) {
+      const contentData = await contentResponse.json();
+      contentMap = contentData.data?.data || [];
+    }
+
+    // Fetch brand config
+    brandConfig = await getBrandConfig(tenantId);
+  } catch (error) {
+    console.error('Error fetching data for llms.txt:', error);
+    // Continue with empty data rather than failing
+  }
+
+  // Filter for public content (StoryFragments and context Panes)
+  const publicContent = contentMap.filter(
+    (c: any) => c.type === 'StoryFragment' || (c.type === 'Pane' && c.isContext)
+  );
+
+  // Build the content URLs
+  const siteUrl = brandConfig?.SITE_URL || 'https://example.com';
+  const homeSlug = brandConfig?.HOME_SLUG || 'home';
+
+  const contentUrls = publicContent
+    .map((c: any) => {
+      if (c.type === 'StoryFragment') {
+        return c.slug === homeSlug
+          ? new URL('/', siteUrl).href
+          : new URL(c.slug, siteUrl).href;
+      }
+      if (c.type === 'Pane' && c.isContext) {
+        return new URL(`context/${c.slug}`, siteUrl).href;
+      }
+    })
+    .filter(Boolean) as string[];
+
+  // Use the brand config values
+  const siteTitle = brandConfig?.OGTITLE || brandConfig?.SLOGAN || 'Website';
+  const siteDescription =
+    brandConfig?.OGDESC ||
+    brandConfig?.FOOTER ||
+    'A website built with TractStack';
+  const siteName = brandConfig?.OGAUTHOR || siteTitle;
+  const theme = brandConfig?.THEME || 'Default';
+  const openDemo = brandConfig?.OPEN_DEMO || false;
+
+  const llmsTxt = `# ${siteTitle} - LLMs.txt
+
+## About this site
+${siteDescription}
+
+## Site Information
+- URL: ${siteUrl}
+- Title: ${siteTitle}
+- Author: ${siteName}
+- Description: ${siteDescription}
+- Slogan: ${brandConfig?.SLOGAN || ''}
+- Theme: ${theme}
+
+## Available Content
+This site contains ${publicContent.length} publicly accessible pages:
+${contentUrls.map((url: string) => `- ${url}`).join('\n')}
+
+## Technical Information
+- Built with: TractStack
+- Theme: ${theme}
+- Demo Mode Enabled: ${openDemo ? 'Yes' : 'No'}
+
+## Usage Guidelines
+This content is available for AI training and indexing. Please respect the site's robots.txt file and terms of service.
+
+## Contact
+For questions about this content, please visit: ${siteUrl}
+
+---
+Generated on: ${new Date().toISOString()}
+Content last updated: ${new Date().toISOString()}`.trim();
+
+  return new Response(llmsTxt, {
+    headers: {
+      'Content-Type': 'text/plain; charset=utf-8',
+      'Cache-Control': 'public, max-age=3600',
+      'X-Content-Type-Options': 'nosniff',
+    },
+  });
+};
+
+export const HEAD: APIRoute = async () => {
+  // For HEAD requests, return the same headers but no body
+  return new Response(null, {
+    headers: {
+      'Content-Type': 'text/plain; charset=utf-8',
+      'Cache-Control': 'public, max-age=3600',
+      'X-Content-Type-Options': 'nosniff',
+    },
+  });
+};
+
+export const prerender = false;

package/templates/src/pages/maint.astro

@@ -0,0 +1,183 @@
+---
+import { getBrandConfig } from '@/utils/api/brandConfig';
+
+const originalUrl = Astro.url.searchParams.get('from') || '/';
+const goBackend = import.meta.env.PUBLIC_GO_BACKEND || 'http://localhost:8080';
+const tenantId =
+  Astro.locals.tenant?.id || import.meta.env.PUBLIC_TENANTID || 'default';
+const brandConfig = await getBrandConfig(tenantId);
+const getAssetPath = (configPath: string, fallback: string) => {
+  // Always prioritize brandConfig values when they exist
+  if (configPath && configPath !== '') {
+    return configPath;
+  }
+  return fallback;
+};
+const logo = getAssetPath(brandConfig?.LOGO, '/brand/logo.svg');
+const wordmark = getAssetPath(brandConfig?.WORDMARK, '/brand/wordmark.svg');
+---
+
+<!doctype html>
+<html lang="en" class="bg-mywhite h-full">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Service Maintenance | TractStack</title>
+    <link rel="stylesheet" href="/styles/custom.css" />
+    <link rel="stylesheet" href="/styles/storykeep.css" />
+  </head>
+  <body class="h-full">
+    <div class="flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8">
+      <div class="mx-auto pb-6">
+        <div class="flex flex-col items-center justify-center gap-4">
+          <div class="h-16 w-auto">
+            <img
+              src={logo}
+              class="pointer-events-none h-full w-auto"
+              alt="Logo"
+            />
+          </div>
+          <div class="h-16 w-auto">
+            <img
+              src={wordmark}
+              class="pointer-events-none h-full w-auto max-w-48 md:max-w-72"
+              alt="Wordmark"
+            />
+          </div>
+        </div>
+
+        <h2
+          class="text-mydarkgrey mt-6 text-center text-2xl font-bold leading-9 tracking-tight"
+        >
+          Service Temporarily Unavailable
+        </h2>
+      </div>
+
+      <div class="mx-auto">
+        <div class="rounded-lg bg-white px-6 py-12 shadow-inner">
+          <div class="space-y-6 text-center">
+            <div class="text-myorange mx-auto h-12 w-12">
+              <svg
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
+                ></path>
+              </svg>
+            </div>
+
+            <p class="text-mydarkgrey text-sm">
+              We're experiencing technical difficulties. The service will be
+              restored automatically.
+            </p>
+
+            <div
+              id="status-indicator"
+              class="border-mylightgrey inline-flex items-center rounded-md border bg-white px-4 py-2 shadow-sm"
+            >
+              <div class="text-myorange -ml-1 mr-3 h-5 w-5 animate-spin">
+                <svg fill="none" viewBox="0 0 24 24">
+                  <circle
+                    class="opacity-25"
+                    cx="12"
+                    cy="12"
+                    r="10"
+                    stroke="currentColor"
+                    stroke-width="4"></circle>
+                  <path
+                    class="opacity-75"
+                    fill="currentColor"
+                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  ></path>
+                </svg>
+              </div>
+              <span class="text-mydarkgrey text-sm"
+                >Checking service status...</span
+              >
+            </div>
+
+            <div class="text-mylightgrey text-center text-xs">
+              <p>
+                This page will automatically refresh when the service is
+                available
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <script is:inline define:vars={{ goBackend, tenantId, originalUrl }}>
+      let checkCount = 0;
+      const maxChecks = 240;
+
+      function updateStatus(message, isChecking = true) {
+        const indicator = document.getElementById('status-indicator');
+        const spinner = indicator.querySelector('.animate-spin');
+        const text = indicator.querySelector('span');
+
+        if (isChecking) {
+          spinner.style.display = 'block';
+        } else {
+          spinner.style.display = 'none';
+        }
+
+        text.textContent = message;
+      }
+
+      async function checkBackendHealth() {
+        checkCount++;
+
+        try {
+          const response = await fetch(`${goBackend}/api/v1/health`, {
+            method: 'GET',
+            headers: {
+              'X-Tenant-ID': tenantId,
+            },
+            signal: AbortSignal.timeout(5000),
+          });
+
+          if (response.ok) {
+            const data = await response.json();
+            if (data.healthy) {
+              updateStatus('Service restored! Redirecting...', false);
+
+              setTimeout(() => {
+                window.location.href = originalUrl;
+              }, 1000);
+              return;
+            }
+          }
+        } catch (error) {
+          console.log('Health check failed:', error.message);
+        }
+
+        if (checkCount < 5) {
+          updateStatus('Checking service status...');
+        } else if (checkCount < 20) {
+          updateStatus('Service still unavailable, continuing to check...');
+        } else if (checkCount < maxChecks) {
+          updateStatus(`Still checking... (attempt ${checkCount})`);
+        } else {
+          updateStatus(
+            'Extended outage detected. Please contact support.',
+            false
+          );
+          return;
+        }
+
+        setTimeout(checkBackendHealth, 30000);
+      }
+
+      document.addEventListener('DOMContentLoaded', () => {
+        checkBackendHealth();
+      });
+    </script>
+  </body>
+</html>

package/templates/src/pages/media/[...slug].astro

@@ -0,0 +1,67 @@
+---
+import { promises as fs } from 'node:fs';
+import path from 'node:path';
+
+// DO NOT USE IN PRODUCTION !!!
+// this is a stop-gap for dev testing ...
+
+// configure nginx to serve files on /media !!
+// see the docs
+
+export const prerender = false;
+
+const MIME_TYPES: Record<string, string> = {
+  '.css': 'text/css',
+  '.js': 'application/javascript',
+  '.json': 'application/json',
+  '.svg': 'image/svg+xml',
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+  '.gif': 'image/gif',
+  '.webp': 'image/webp',
+  '.woff': 'font/woff',
+  '.woff2': 'font/woff2',
+  '.ttf': 'font/ttf',
+  '.otf': 'font/otf',
+  '.ico': 'image/x-icon',
+};
+
+const { slug } = Astro.params;
+
+const tenant =
+  Astro.locals.tenant?.id || import.meta.env.PUBLIC_TENANTID || 'default';
+
+const baseServerPath = import.meta.env.PRIVATE_GO_BACKEND_PATH;
+if (!baseServerPath) {
+  console.error(
+    '[ERROR] PRIVATE_GO_BACKEND_PATH environment variable is not set.'
+  );
+  return new Response('Server configuration error', { status: 500 });
+}
+
+if (!slug) throw new Error(`Invalid path for tenant "${tenant}".`);
+
+try {
+  // Construct the file path using the correct tenant ID
+  const fullPath = path.join(baseServerPath, 'config', tenant, 'media', slug);
+
+  // Security check to prevent path traversal
+  const tenantMediaRoot = path.join(baseServerPath, 'config', tenant, 'media');
+  if (!path.resolve(fullPath).startsWith(path.resolve(tenantMediaRoot))) {
+    throw new Error(`Invalid path for tenant "${tenant}".`);
+  }
+
+  const fileBuffer = await fs.readFile(fullPath);
+  const extension = path.extname(slug).toLowerCase();
+  const mimeType = MIME_TYPES[extension] || 'application/octet-stream';
+
+  return new Response(fileBuffer, {
+    status: 200,
+    headers: { 'Content-Type': mimeType },
+  });
+} catch (error) {
+  console.error(`Could not serve media file: ${slug} for tenant ${tenant}.`);
+  return new Response(null, { status: 404, statusText: 'Not Found' });
+}
+---

package/templates/src/pages/robots.txt.ts

@@ -0,0 +1,36 @@
+import type { APIRoute } from '@/types/astro';
+import { getBrandConfig } from '@/utils/api/brandConfig';
+
+export const GET: APIRoute = async ({ request }) => {
+  // Get tenant ID from headers (set by middleware)
+  const tenantId = request.headers.get('X-Tenant-ID') || 'default';
+
+  // Fetch brand config
+  let brandConfig = null;
+
+  try {
+    brandConfig = await getBrandConfig(tenantId);
+  } catch (error) {
+    console.error('Error fetching brand config for robots.txt:', error);
+    // Continue with default values
+  }
+
+  const siteUrl = brandConfig?.SITE_URL || 'https://example.com';
+
+  const robotsTxt = `
+User-agent: *
+Disallow: /storykeep/
+Disallow: /storykeep/*
+Allow: /
+
+Sitemap: ${new URL('sitemap.xml', siteUrl).href}
+`.trim();
+
+  return new Response(robotsTxt, {
+    headers: {
+      'Content-Type': 'text/plain; charset=utf-8',
+    },
+  });
+};
+
+export const prerender = false;

package/templates/src/pages/sandbox/activate.astro

@@ -0,0 +1,258 @@
+---
+import Layout from '@/layouts/Layout.astro';
+import { getBrandConfig } from '@/utils/api/brandConfig';
+import { preHealthCheck } from '@/utils/backend';
+
+const tenantId = 'default'; // For registration, always use default
+
+const healthCheckRedirect = await preHealthCheck(tenantId);
+if (healthCheckRedirect !== undefined) {
+  return healthCheckRedirect;
+}
+
+const goBackend = import.meta.env.PUBLIC_GO_BACKEND || 'http://localhost:8080';
+
+// Check if multi-tenant is enabled
+const isMultiTenantEnabled =
+  import.meta.env.PUBLIC_ENABLE_MULTI_TENANT === 'true';
+if (!isMultiTenantEnabled) {
+  return Astro.redirect('/?error=multi-tenant-disabled');
+}
+
+// Dev mode detection
+const isDev = import.meta.env.DEV;
+
+// Get activation token from URL
+const url = new URL(Astro.request.url);
+const token = url.searchParams.get('token');
+
+let activationResult = {
+  success: false,
+  error: null as string | null,
+  tenantId: null as string | null,
+};
+
+if (!token) {
+  activationResult.error =
+    'Missing activation token. Please check your email link.';
+  console.log('ERROR: No token provided');
+} else {
+  // Attempt activation
+  try {
+    // Get tenantId BEFORE calling activation
+    let tenantId: string;
+
+    if (isDev) {
+      // In dev mode, get tenant ID from URL param or use default
+      tenantId = url.searchParams.get('tenantId') || 'localhost';
+    } else {
+      // Extract tenant ID from current domain in production
+      const hostname = Astro.request.headers.get('host') || '';
+      const parts = hostname.split('.');
+      if (parts.length >= 4 && parts[1] === 'sandbox') {
+        tenantId = parts[0];
+      } else {
+        throw new Error('Could not determine tenant ID from domain');
+      }
+    }
+
+    // Make direct fetch call to Go backend (like other .astro files)
+    const response = await fetch(`${goBackend}/api/v1/tenant/activation`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-Tenant-ID': tenantId,
+      },
+      body: JSON.stringify({ token }),
+    });
+
+    const responseText = await response.text();
+
+    if (response.ok) {
+      activationResult.success = true;
+      activationResult.tenantId = tenantId;
+    } else {
+      let errorData;
+      try {
+        errorData = JSON.parse(responseText);
+      } catch (e) {
+        errorData = { error: responseText };
+      }
+      activationResult.error = errorData.error || 'Activation failed';
+      console.log('FAILED: Activation error:', activationResult.error);
+    }
+  } catch (error) {
+    activationResult.error =
+      error instanceof Error ? error.message : 'Activation failed';
+    console.log('EXCEPTION:', error);
+  }
+}
+
+const brandConfig = await getBrandConfig('default');
+const title = activationResult.success
+  ? 'Tenant Activated | TractStack'
+  : 'Activation Error | TractStack';
+
+// Build dashboard URL based on environment
+const getDashboardUrl = (tenantId: string) => {
+  if (isDev) {
+    return '/storykeep';
+  }
+  return `https://${tenantId}.sandbox.freewebpress.com/storykeep`;
+};
+
+// Build display URL based on environment
+const getDisplayUrl = (tenantId: string) => {
+  if (isDev) {
+    return 'localhost:4321';
+  }
+  return `https://${tenantId}.sandbox.freewebpress.com`;
+};
+---
+
+<Layout title={title} slug="tenant-activate" brandConfig={brandConfig}>
+  <main
+    id="main-content"
+    class="flex min-h-screen items-center justify-center bg-gray-50"
+  >
+    <div class="mx-auto max-w-2xl p-6">
+      {
+        activationResult.success ? (
+          <div class="rounded-lg bg-white p-8 text-center shadow-lg">
+            <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-green-100">
+              <svg
+                class="h-8 w-8 text-green-600"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M5 13l4 4L19 7"
+                />
+              </svg>
+            </div>
+
+            <h2 class="mb-4 text-2xl font-bold text-gray-900">
+              🎉 Tenant Activated Successfully!
+            </h2>
+
+            <p class="mb-6 text-gray-600">
+              Your TractStack tenant has been activated and is ready to use.
+            </p>
+
+            {activationResult.tenantId && (
+              <div class="mb-6 rounded-lg border border-orange-200 bg-orange-50 p-4">
+                <p class="mb-2 text-sm font-bold text-orange-800">
+                  Your tenant URL:
+                </p>
+                <p class="break-all font-mono text-orange-700">
+                  {getDisplayUrl(activationResult.tenantId)}
+                </p>
+              </div>
+            )}
+
+            <div class="space-y-4">
+              {activationResult.tenantId ? (
+                <a
+                  href={getDashboardUrl(activationResult.tenantId)}
+                  class="inline-block rounded-lg bg-orange-600 px-6 py-3 font-bold text-white transition-colors hover:bg-orange-700"
+                  id="dashboard-button"
+                >
+                  Access Your Dashboard
+                </a>
+              ) : (
+                <div class="text-gray-500">
+                  <p class="mb-2">Unable to determine tenant URL</p>
+                  <p class="text-sm">Please contact support</p>
+                </div>
+              )}
+            </div>
+          </div>
+        ) : (
+          <div class="rounded-lg bg-white p-8 text-center shadow-lg">
+            <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-red-100">
+              <svg
+                class="h-8 w-8 text-red-600"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M6 18L18 6M6 6l12 12"
+                />
+              </svg>
+            </div>
+
+            <h2 class="mb-4 text-2xl font-bold text-gray-900">
+              Activation Failed
+            </h2>
+
+            <p class="mb-6 text-gray-600">{activationResult.error}</p>
+
+            <div class="mb-6 rounded-lg border border-yellow-200 bg-yellow-50 p-4">
+              <h3 class="mb-2 text-sm font-bold text-yellow-800">
+                Common Issues:
+              </h3>
+              <ul class="space-y-1 text-left text-sm text-yellow-700">
+                <li>• The activation link may have expired</li>
+                <li>• The token may have already been used</li>
+                <li>• There may be a temporary server issue</li>
+              </ul>
+            </div>
+
+            <div class="space-y-4">
+              <a
+                href="/sandbox/register"
+                class="inline-block rounded-lg bg-orange-600 px-6 py-3 font-bold text-white transition-colors hover:bg-orange-700"
+              >
+                Register New Tenant
+              </a>
+
+              <div class="text-center">
+                <a
+                  href="mailto:support@tractstack.com"
+                  class="text-sm text-orange-600 underline hover:text-orange-800"
+                >
+                  Contact Support
+                </a>
+              </div>
+            </div>
+          </div>
+        )
+      }
+    </div>
+  </main>
+</Layout>
+
+<script>
+  // Auto-redirect to dashboard after successful activation with countdown
+  const dashboardButton = document.getElementById('dashboard-button');
+  if (dashboardButton) {
+    let countdown = 5;
+
+    // Update button text with countdown
+    const updateButton = () => {
+      dashboardButton.textContent = `Access Your Dashboard (${countdown}s)`;
+      countdown--;
+
+      if (countdown < 0) {
+        dashboardButton.click();
+      }
+    };
+
+    // Start countdown immediately
+    updateButton();
+    const interval = setInterval(updateButton, 1000);
+
+    // Clear interval if user clicks button manually
+    dashboardButton.addEventListener('click', () => {
+      clearInterval(interval);
+    });
+  }
+</script>