astro-tractstack 2.0.0-rc.0

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

@@ -0,0 +1,44 @@
+---
+import Layout from '@/layouts/Layout.astro';
+import RegistrationForm from '@/components/tenant/RegistrationForm';
+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;
+}
+// Check if multi-tenant is enabled
+const isMultiTenantEnabled =
+  import.meta.env.PUBLIC_ENABLE_MULTI_TENANT === 'true';
+if (!isMultiTenantEnabled) {
+  return Astro.redirect('/storykeep?error=multi-tenant-disabled');
+}
+
+const brandConfig = await getBrandConfig('default');
+const title = 'Register New Tenant | TractStack';
+---
+
+<Layout title={title} slug="sandbox-register" brandConfig={brandConfig}>
+  <main id="main-content" class="min-h-screen bg-gray-50">
+    <div class="py-12">
+      <RegistrationForm
+        client:load
+        onSuccess={(tenantId) => {
+          if (tenantId)
+            window.location.href = `/sandbox/success?tenant=${encodeURIComponent(tenantId)}`;
+        }}
+        onCapacityFull={() => {
+          window.location.href = '/sandbox/capacity-full';
+        }}
+      />
+    </div>
+  </main>
+</Layout>
+
+<script>
+  // Add any additional client-side logic here if needed
+  console.log('Tenant registration page loaded');
+</script>

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

@@ -0,0 +1,179 @@
+---
+import Layout from '@/layouts/Layout.astro';
+import { getBrandConfig } from '@/utils/api/brandConfig';
+import { preHealthCheck } from '@/utils/backend';
+
+// Get tenant ID from URL params
+const url = new URL(Astro.request.url);
+const tenantId = url.searchParams.get('tenant');
+
+const healthCheckRedirect = await preHealthCheck(tenantId || `default`);
+if (healthCheckRedirect !== undefined) {
+  return healthCheckRedirect;
+}
+
+// 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');
+}
+
+if (!tenantId) {
+  return Astro.redirect('/sandbox/register?error=missing-tenant-id');
+}
+
+// Get backend URL
+const brandConfig = await getBrandConfig('default');
+const title = 'Registration Successful | TractStack';
+---
+
+<Layout title={title} slug="tenant-success" 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">
+      <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-orange-100"
+        >
+          <svg
+            class="h-8 w-8 text-orange-600"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+            ></path>
+          </svg>
+        </div>
+
+        <h2 class="mb-4 text-2xl font-bold text-gray-900">
+          📧 Check Your Email
+        </h2>
+
+        <p class="mb-6 text-gray-600">
+          Your tenant <strong class="font-mono text-orange-600"
+            >{tenantId}</strong
+          > has been created successfully!
+        </p>
+
+        <div class="mb-6 rounded-lg border border-orange-200 bg-orange-50 p-6">
+          <h3 class="mb-3 text-lg font-bold text-orange-800">
+            What happens next:
+          </h3>
+          <div class="space-y-3 text-left">
+            <div class="flex items-start space-x-3">
+              <div
+                class="mt-0.5 flex h-6 w-6 items-center justify-center rounded-full bg-orange-600 text-sm font-bold text-white"
+              >
+                1
+              </div>
+              <div>
+                <p class="font-bold text-orange-800">Check your email inbox</p>
+                <p class="text-sm text-orange-600">
+                  We've sent an activation link to complete setup
+                </p>
+              </div>
+            </div>
+
+            <div class="flex items-start space-x-3">
+              <div
+                class="mt-0.5 flex h-6 w-6 items-center justify-center rounded-full bg-orange-600 text-sm font-bold text-white"
+              >
+                2
+              </div>
+              <div>
+                <p class="font-bold text-orange-800">
+                  Click the activation link
+                </p>
+                <p class="text-sm text-orange-600">
+                  This will finalize your tenant setup
+                </p>
+              </div>
+            </div>
+
+            <div class="flex items-start space-x-3">
+              <div
+                class="mt-0.5 flex h-6 w-6 items-center justify-center rounded-full bg-orange-600 text-sm font-bold text-white"
+              >
+                3
+              </div>
+              <div>
+                <p class="font-bold text-orange-800">Access your dashboard</p>
+                <p class="text-sm text-orange-600">
+                  Visit <strong class="font-mono"
+                    >{tenantId}.sandbox.freewebpress.com</strong
+                  >
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="mb-6 rounded-lg border border-yellow-200 bg-yellow-50 p-4">
+          <p class="text-sm text-yellow-800">
+            <strong>⏰ Important:</strong> The activation link will expire in 48
+            hours. If you don't see the email, check your spam folder.
+          </p>
+        </div>
+
+        <div class="space-y-4">
+          <div class="text-center">
+            <p class="mb-4 text-sm text-gray-500">
+              Once activated, your tenant URL will be:
+            </p>
+            <p
+              class="break-all rounded border bg-gray-100 p-3 font-mono text-lg"
+            >
+              https://{tenantId}.sandbox.freewebpress.com
+            </p>
+          </div>
+
+          <div class="flex flex-col justify-center gap-4 sm:flex-row">
+            <a
+              href="/sandbox/register"
+              class="rounded-lg border border-gray-300 px-6 py-2 text-gray-700 transition-colors hover:bg-gray-50"
+            >
+              Register Another Tenant
+            </a>
+
+            <a
+              href="https://docs.tractstack.com"
+              class="rounded-lg bg-orange-600 px-6 py-2 text-white transition-colors hover:bg-orange-700"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              View Documentation
+            </a>
+          </div>
+
+          <div class="border-t pt-4 text-center">
+            <p class="text-sm text-gray-500">
+              Need help?
+              <a
+                href="mailto:support@tractstack.com"
+                class="text-orange-600 underline hover:text-orange-800"
+              >
+                Contact Support
+              </a>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+</Layout>
+
+<script>
+  // Add email resend functionality (placeholder for future implementation)
+  console.log(
+    'Registration success page loaded for tenant:',
+    document.querySelector('[data-tenant-id]')?.textContent
+  );
+</script>

package/templates/src/pages/sitemap.xml.ts

@@ -0,0 +1,119 @@
+import type { APIRoute } from '@/types/astro';
+import { getBrandConfig } from '@/utils/api/brandConfig';
+
+// Helper functions for date formatting
+function dateToUnixTimestamp(dateString: string): number {
+  return new Date(dateString).getTime();
+}
+
+function formatDateToYYYYMMDD(dateString: string): string {
+  const date = new Date(dateString);
+  return date.toISOString().split('T')[0];
+}
+
+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 and brand config
+  const goBackend =
+    import.meta.env.PUBLIC_GO_BACKEND || 'http://localhost:8080';
+
+  let contentMap: any[] = [];
+  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 sitemap:', error);
+    // Continue with empty data rather than failing
+  }
+
+  const siteUrl = brandConfig?.SITE_URL || 'https://example.com';
+  const homeSlug = brandConfig?.HOME_SLUG || 'home';
+
+  const xmlTop = `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">`;
+  const xmlBottom = `</urlset>`;
+
+  const entries = contentMap
+    .map((c: any) => {
+      if (c.type === 'StoryFragment') {
+        const thisPriority = c.slug === homeSlug ? '1.0' : '0.8';
+        const thisUrl =
+          c.slug === homeSlug
+            ? new URL('/', siteUrl).href
+            : new URL(c.slug, siteUrl).href;
+        const thisChanged = (c?.changed && dateToUnixTimestamp(c.changed)) || 0;
+        const thisCreated = dateToUnixTimestamp(c.created);
+        const daysDelta = (thisChanged - thisCreated) / (1000 * 60 * 60 * 24);
+        const formatted = formatDateToYYYYMMDD(c.changed || c.created);
+        const thisFreq =
+          daysDelta < 3
+            ? 'daily'
+            : daysDelta < 10
+              ? 'weekly'
+              : daysDelta < 90
+                ? 'monthly'
+                : 'yearly';
+        return `<url><loc>${thisUrl}</loc><lastmod>${formatted}</lastmod><changefreq>${thisFreq}</changefreq><priority>${thisPriority}</priority></url>`;
+      }
+      if (c.type === 'Pane' && c.isContext) {
+        const thisUrl = new URL(`context/${c.slug}`, siteUrl).href;
+        const thisChanged = (c?.changed && dateToUnixTimestamp(c.changed)) || 0;
+        const thisCreated = dateToUnixTimestamp(c.created);
+        const daysDelta = (thisChanged - thisCreated) / (1000 * 60 * 60 * 24);
+        const formatted = formatDateToYYYYMMDD(c.changed || c.created);
+        const thisFreq =
+          daysDelta < 3
+            ? 'daily'
+            : daysDelta < 10
+              ? 'weekly'
+              : daysDelta < 90
+                ? 'monthly'
+                : 'yearly';
+        return `<url><loc>${thisUrl}</loc><lastmod>${formatted}</lastmod><changefreq>${thisFreq}</changefreq><priority>0.4</priority></url>`;
+      }
+    })
+    .filter((n) => n);
+
+  const xmlBody = entries.join('');
+  const xml = `${xmlTop}${xmlBody}${xmlBottom}`;
+
+  return new Response(xml, {
+    headers: {
+      'Content-Type': 'application/xml; 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': 'application/xml; charset=utf-8',
+      'Cache-Control': 'public, max-age=3600',
+      'X-Content-Type-Options': 'nosniff',
+    },
+  });
+};
+
+export const prerender = false;

package/templates/src/pages/storykeep/advanced.astro

@@ -0,0 +1,69 @@
+---
+import Layout from '@/layouts/Layout.astro';
+import StoryKeepDashboard from '@/components/storykeep/Dashboard';
+import StoryKeepDashboard_Advanced from '@/components/storykeep/Dashboard_Advanced';
+import { requireAdminOrEditor, isAuthenticated, isAdmin } from '@/utils/auth';
+import { getFullContentMap } from '@/stores/analytics';
+import { getBrandConfig } from '@/utils/api/brandConfig';
+import { preHealthCheck } from '@/utils/backend';
+
+const tenantId =
+  Astro.locals.tenant?.id || import.meta.env.PUBLIC_TENANTID || 'default';
+
+const healthCheckRedirect = await preHealthCheck(tenantId);
+if (healthCheckRedirect !== undefined) {
+  return healthCheckRedirect;
+}
+
+const authCheck = requireAdminOrEditor(Astro);
+if (authCheck) {
+  return authCheck;
+}
+
+// Additional admin check for Advanced page
+const userIsAdmin = isAdmin(Astro);
+if (!userIsAdmin) {
+  return Astro.redirect('/storykeep');
+}
+
+const userIsAuthenticated = isAuthenticated(Astro);
+const role = userIsAdmin ? `admin` : userIsAuthenticated ? `editor` : null;
+
+const brandConfig = await getBrandConfig(tenantId);
+const initializing = !brandConfig.SITE_INIT;
+
+// Redirect to branding page during initial setup
+if (initializing) {
+  return Astro.redirect('/storykeep/branding');
+}
+
+const title = 'Advanced | StoryKeep';
+
+let fullContentMap;
+let homeSlug = 'hello';
+
+try {
+  fullContentMap = await getFullContentMap(tenantId);
+  homeSlug = fullContentMap.find((item) => item.isHome)?.slug || 'hello';
+} catch (error) {
+  return Astro.redirect(
+    `/maint?from=${encodeURIComponent(Astro.url.pathname)}`
+  );
+}
+---
+
+<Layout title={title} slug="storykeep">
+  <main id="main-content" class="min-h-screen w-full">
+    <div class="p-8">
+      <StoryKeepDashboard
+        client:only="react"
+        fullContentMap={fullContentMap}
+        homeSlug={homeSlug}
+        activeTab="advanced"
+        role={role}
+        initializing={initializing}
+      />
+      <StoryKeepDashboard_Advanced client:only="react" />
+    </div>
+  </main>
+</Layout>

package/templates/src/pages/storykeep/branding.astro

@@ -0,0 +1,57 @@
+---
+import Layout from '@/layouts/Layout.astro';
+import BrandingPageWrapper from '@/components/storykeep/state/BrandingWrapper';
+import { requireAdminOrEditor, isAuthenticated, isAdmin } from '@/utils/auth';
+import { getFullContentMap } from '@/stores/analytics';
+import { getBrandConfig } from '@/utils/api/brandConfig';
+import { preHealthCheck } from '@/utils/backend';
+
+const tenantId =
+  Astro.locals.tenant?.id || import.meta.env.PUBLIC_TENANTID || 'default';
+
+const healthCheckRedirect = await preHealthCheck(tenantId);
+if (healthCheckRedirect !== undefined) {
+  return healthCheckRedirect;
+}
+
+const authCheck = requireAdminOrEditor(Astro);
+if (authCheck) {
+  return authCheck;
+}
+
+const userIsAuthenticated = isAuthenticated(Astro);
+const userIsAdmin = isAdmin(Astro);
+const role = userIsAdmin ? `admin` : userIsAuthenticated ? `editor` : null;
+
+const brandConfig = await getBrandConfig(tenantId);
+const initializing = !brandConfig.SITE_INIT;
+
+const title = 'Branding | StoryKeep';
+
+let fullContentMap;
+let homeSlug = 'hello';
+
+try {
+  fullContentMap = await getFullContentMap(tenantId);
+  homeSlug = fullContentMap.find((item) => item.isHome)?.slug || 'hello';
+} catch (error) {
+  return Astro.redirect(
+    `/maint?from=${encodeURIComponent(Astro.url.pathname)}`
+  );
+}
+---
+
+<Layout title={title} slug="storykeep">
+  <main id="main-content" class="min-h-screen w-full">
+    <div class="p-8">
+      <BrandingPageWrapper
+        client:only="react"
+        fullContentMap={fullContentMap}
+        homeSlug={homeSlug}
+        role={role}
+        initializing={initializing}
+        initialBrandConfig={brandConfig}
+      />
+    </div>
+  </main>
+</Layout>

package/templates/src/pages/storykeep/content.astro

@@ -0,0 +1,71 @@
+---
+import Layout from '@/layouts/Layout.astro';
+import StoryKeepDashboard from '@/components/storykeep/Dashboard';
+import StoryKeepDashboard_Content from '@/components/storykeep/Dashboard_Content';
+import { requireAdminOrEditor, isAuthenticated, isAdmin } from '@/utils/auth';
+import { getFullContentMap } from '@/stores/analytics';
+import { getBrandConfig } from '@/utils/api/brandConfig';
+import { preHealthCheck } from '@/utils/backend';
+
+const tenantId =
+  Astro.locals.tenant?.id || import.meta.env.PUBLIC_TENANTID || 'default';
+
+const healthCheckRedirect = await preHealthCheck(tenantId);
+if (healthCheckRedirect !== undefined) {
+  return healthCheckRedirect;
+}
+
+const authCheck = requireAdminOrEditor(Astro);
+if (authCheck) {
+  return authCheck;
+}
+
+const userIsAuthenticated = isAuthenticated(Astro);
+const userIsAdmin = isAdmin(Astro);
+const role = userIsAdmin ? `admin` : userIsAuthenticated ? `editor` : null;
+
+const brandConfig = await getBrandConfig(tenantId);
+const initializing = !brandConfig.SITE_INIT;
+
+// Redirect to branding page during initial setup
+if (initializing) {
+  return Astro.redirect('/storykeep/branding');
+}
+
+const title = 'Content | StoryKeep';
+const createMenu = Astro.url.searchParams.has('create-menu');
+
+let fullContentMap;
+let homeSlug = 'hello';
+
+try {
+  fullContentMap = await getFullContentMap(tenantId);
+  homeSlug = fullContentMap.find((item) => item.isHome)?.slug || 'hello';
+} catch (error) {
+  return Astro.redirect(
+    `/maint?from=${encodeURIComponent(Astro.url.pathname)}`
+  );
+}
+---
+
+<Layout title={title} slug="storykeep">
+  <main id="main-content" class="min-h-screen w-full">
+    <div class="p-8">
+      <StoryKeepDashboard
+        client:only="react"
+        fullContentMap={fullContentMap}
+        homeSlug={homeSlug}
+        activeTab="content"
+        role={role}
+        initializing={initializing}
+      />
+
+      <StoryKeepDashboard_Content
+        client:only="react"
+        fullContentMap={fullContentMap}
+        homeSlug={homeSlug}
+        createMenu={createMenu}
+      />
+    </div>
+  </main>
+</Layout>

package/templates/src/pages/storykeep/init.astro

@@ -0,0 +1,36 @@
+---
+import { freshInstallStore } from '@/stores/backend';
+import { preHealthCheck } from '@/utils/backend';
+import RegistrationForm from '@/components/tenant/RegistrationForm';
+
+const tenantId =
+  Astro.locals.tenant?.id || import.meta.env.PUBLIC_TENANTID || 'default';
+await preHealthCheck(tenantId);
+
+const { needsSetup } = freshInstallStore.get();
+
+if (!needsSetup) {
+  return Astro.redirect('/storykeep');
+}
+
+const isDev = import.meta.env.DEV;
+const isInitialized = !freshInstallStore.get().needsSetup;
+const cssBasePath = isInitialized ? '/media/css' : '/styles';
+const mainStylesUrl = isDev
+  ? `${cssBasePath}/storykeep.css`
+  : `${cssBasePath}/frontend.css`;
+---
+
+<!doctype html>
+<html lang="en" class="h-full bg-gray-50">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Initialize TractStack</title>
+    <link rel="stylesheet" href={`${cssBasePath}/custom.css`} />
+    <link rel="stylesheet" href={mainStylesUrl} />
+  </head>
+  <body class="h-full">
+    <RegistrationForm client:load isInitMode={true} />
+  </body>
+</html>