@leadertechie/personal-site-kit 0.1.0-alpha.8 → 0.1.0-alpha.9

package/src/prerender/page-generators/base.ts

@@ -1,77 +0,0 @@
-import { IRoute, IFooterLink, PageContent } from '../page-content';
-
-export interface StaticDetails {
-  siteTitle?: string;
-  copyright?: string;
-  linkedin?: string;
-  github?: string;
-  email?: string;
-}
-
-export interface BasePageData {
-  routes: IRoute[];
-  footerLinks: IFooterLink[];
-  staticDetails: StaticDetails;
-  apiUrl: string;
-  baseUrl: string;
-  pathname: string;
-  name?: string;
-  title?: string;
-}
-
-export class BasePageGenerator {
-  protected generateBanner(routes: IRoute[], siteTitle: string, logo: string): string {
-    const navLinks = routes
-      .map(r => `<a href="${r.link}" class="nav-link" data-route="${r.link === "/" ? "home" : r.text.toLowerCase()}">${r.text}</a>`)
-      .join("");
-
-    return `
-      <my-banner header="${siteTitle}" logo="${logo}">
-        <theme-toggle slot="theme-switcher"></theme-toggle>
-        <nav slot="nav-links">
-          ${navLinks}
-        </nav>
-      </my-banner>`;
-  }
-
-  protected generateFooter(footerLinks: IFooterLink[], copyright: string): string {
-    return `
-      <my-footer
-        copyright="${copyright}"
-        footerlinks='${JSON.stringify(footerLinks)}'>
-      </my-footer>`;
-  }
-
-  protected generateMeta(title: string, description: string, canonicalUrl: string): void {
-    // This would be handled in the main function
-  }
-
-  protected wrapContent(banner: string, mainContent: string, footer: string): string {
-    return `${banner}${mainContent}${footer}`;
-  }
-
-  public generatePage(
-    pathname: string,
-    routes: IRoute[],
-    footerLinks: IFooterLink[],
-    staticDetails: StaticDetails,
-    apiUrl: string,
-    baseUrl: string,
-    mainContent: string,
-    title: string,
-    description: string
-  ): PageContent {
-    const logo = "/api/logo";
-    const banner = this.generateBanner(routes, staticDetails.siteTitle || "My Personal Website", logo);
-    const footer = this.generateFooter(footerLinks, staticDetails.copyright || "2026 My Personal Website");
-    const canonicalUrl = new URL(pathname, baseUrl).toString();
-    const content = this.wrapContent(banner, mainContent, footer);
-
-    return {
-      title,
-      description,
-      canonicalUrl,
-      content
-    };
-  }
-}

package/src/prerender/page-generators/blog-detail.ts

@@ -1,35 +0,0 @@
-import { BasePageGenerator, StaticDetails } from './base';
-import { IRoute, IFooterLink, PageContent } from '../page-content';
-
-export interface BlogDetailPageData {
-  routes: IRoute[];
-  footerLinks: IFooterLink[];
-  staticDetails: StaticDetails;
-  apiUrl: string;
-  baseUrl: string;
-  pathname: string;
-  slug: string;
-}
-
-export class BlogDetailPageGenerator extends BasePageGenerator {
-  public generate(data: BlogDetailPageData): PageContent {
-    const { slug, staticDetails, ...baseData } = data;
-
-    const mainContent = `
-      <main class="container container-narrow">
-        <my-blog-viewer slug="${slug}"></my-blog-viewer>
-      </main>`;
-
-    return this.generatePage(
-      baseData.pathname,
-      baseData.routes,
-      baseData.footerLinks,
-      staticDetails,
-      baseData.apiUrl,
-      baseData.baseUrl,
-      mainContent,
-      `Blog: ${slug}`,
-      "Blog post"
-    );
-  }
-}

package/src/prerender/page-generators/blogs-list.ts

@@ -1,43 +0,0 @@
-import { BasePageGenerator, StaticDetails } from './base';
-import { IRoute, IFooterLink, PageContent } from '../page-content';
-import { BlogMeta } from '../data-fetcher';
-
-export interface BlogsListPageData {
-  routes: IRoute[];
-  footerLinks: IFooterLink[];
-  staticDetails: StaticDetails;
-  apiUrl: string;
-  baseUrl: string;
-  pathname: string;
-  latestBlogs: BlogMeta[];
-  name: string;
-}
-
-export class BlogsListPageGenerator extends BasePageGenerator {
-  public generate(data: BlogsListPageData): PageContent {
-    const { latestBlogs, name, staticDetails, ...baseData } = data;
-
-    const blogGists = latestBlogs.map(b => `<div class="gist-card"><a href="/blogs/${b.slug}"><h4>${b.title}</h4></a><p>${b.summary}</p><small>${b.date}</small></div>`).join("");
-
-    const mainContent = `
-      <main class="container container-wide">
-        <h1>Blogs</h1>
-        <input type="text" placeholder="Search blogs..." class="search-input" />
-        <div class="blog-list">
-          ${blogGists || "<p>No blogs yet.</p>"}
-        </div>
-      </main>`;
-
-    return this.generatePage(
-      baseData.pathname,
-      baseData.routes,
-      baseData.footerLinks,
-      staticDetails,
-      baseData.apiUrl,
-      baseData.baseUrl,
-      mainContent,
-      `Blogs – ${name}`,
-      "Read the latest blog posts."
-    );
-  }
-}

package/src/prerender/page-generators/home.ts

@@ -1,54 +0,0 @@
-import { BasePageGenerator, StaticDetails } from './base';
-import { IRoute, IFooterLink, PageContent } from '../page-content';
-import { Profile, BlogMeta } from '../data-fetcher';
-
-export interface HomePageData {
-  routes: IRoute[];
-  footerLinks: IFooterLink[];
-  staticDetails: StaticDetails;
-  apiUrl: string;
-  baseUrl: string;
-  pathname: string;
-  profile: Profile | null;
-  homeContent: string;
-  latestBlogs: BlogMeta[];
-  latestStories: BlogMeta[];
-}
-
-export class HomePageGenerator extends BasePageGenerator {
-  public generate(data: HomePageData): PageContent {
-    const { profile, homeContent, latestBlogs, latestStories, staticDetails, ...baseData } = data;
-
-    const name = profile?.name || "User";
-    const title = profile?.title || "Professional";
-
-    const homeHtml = homeContent || `<h1>Welcome to ${name}</h1><p>Upload home.md to customize this page.</p>`;
-    const blogGists = latestBlogs.map(b => `<div class="gist-card"><a href="/blogs/${b.slug}"><h4>${b.title}</h4></a><p>${b.summary}</p><small>${b.date}</small></div>`).join("");
-    const storyGists = latestStories.map(s => `<div class="gist-card"><a href="/stories/${s.slug}"><h4>${s.title}</h4></a><p>${s.summary}</p><small>${s.date}</small></div>`).join("");
-
-    const mainContent = `
-      <main class="container container-wide column-layout">
-        <div class="main-column">
-          ${homeHtml}
-        </div>
-        <div class="sidebar-column">
-          <h3>Recent Blogs</h3>
-          ${blogGists || "<p>No blogs yet.</p>"}
-          <h3 class="mt-2">Recent Stories</h3>
-          ${storyGists || "<p>No stories yet.</p>"}
-        </div>
-      </main>`;
-
-    return this.generatePage(
-      baseData.pathname,
-      baseData.routes,
-      baseData.footerLinks,
-      staticDetails,
-      baseData.apiUrl,
-      baseData.baseUrl,
-      mainContent,
-      `${name} – ${title}`,
-      `Welcome to ${name}'s personal website. Professional portfolio and content.`
-    );
-  }
-}

package/src/prerender/page-generators/index.ts

@@ -1,8 +0,0 @@
-export * from './base';
-export * from './home';
-export * from './about';
-export * from './blogs-list';
-export * from './stories-list';
-export * from './blog-detail';
-export * from './story-detail';
-export * from './not-found';

package/src/prerender/page-generators/not-found.ts

@@ -1,36 +0,0 @@
-import { BasePageGenerator, StaticDetails } from './base';
-import { IRoute, IFooterLink, PageContent } from '../page-content';
-
-export interface NotFoundPageData {
-  routes: IRoute[];
-  footerLinks: IFooterLink[];
-  staticDetails: StaticDetails;
-  apiUrl: string;
-  baseUrl: string;
-  pathname: string;
-}
-
-export class NotFoundPageGenerator extends BasePageGenerator {
-  public generate(data: NotFoundPageData): PageContent {
-    const { staticDetails, ...baseData } = data;
-
-    const mainContent = `
-      <main class="container container-narrow text-center">
-        <h1>Page Not Found</h1>
-        <p>The page you're looking for doesn't exist.</p>
-        <p><a href="/">Return to home</a></p>
-      </main>`;
-
-    return this.generatePage(
-      baseData.pathname,
-      baseData.routes,
-      baseData.footerLinks,
-      staticDetails,
-      baseData.apiUrl,
-      baseData.baseUrl,
-      mainContent,
-      "404 Not Found",
-      "The page you requested could not be found."
-    );
-  }
-}

package/src/prerender/page-generators/stories-list.ts

@@ -1,43 +0,0 @@
-import { BasePageGenerator, StaticDetails } from './base';
-import { IRoute, IFooterLink, PageContent } from '../page-content';
-import { BlogMeta } from '../data-fetcher';
-
-export interface StoriesListPageData {
-  routes: IRoute[];
-  footerLinks: IFooterLink[];
-  staticDetails: StaticDetails;
-  apiUrl: string;
-  baseUrl: string;
-  pathname: string;
-  latestStories: BlogMeta[];
-  name: string;
-}
-
-export class StoriesListPageGenerator extends BasePageGenerator {
-  public generate(data: StoriesListPageData): PageContent {
-    const { latestStories, name, staticDetails, ...baseData } = data;
-
-    const storyGists = latestStories.map(s => `<div class="gist-card"><a href="/stories/${s.slug}"><h4>${s.title}</h4></a><p>${s.summary}</p><small>${s.date}</small></div>`).join("");
-
-    const mainContent = `
-      <main class="container container-wide">
-        <h1>Stories</h1>
-        <input type="text" placeholder="Search stories..." class="search-input" />
-        <div class="story-list">
-          ${storyGists || "<p>No stories yet.</p>"}
-        </div>
-      </main>`;
-
-    return this.generatePage(
-      baseData.pathname,
-      baseData.routes,
-      baseData.footerLinks,
-      staticDetails,
-      baseData.apiUrl,
-      baseData.baseUrl,
-      mainContent,
-      `Stories – ${name}`,
-      "Read the latest stories."
-    );
-  }
-}

package/src/prerender/page-generators/story-detail.ts

@@ -1,35 +0,0 @@
-import { BasePageGenerator, StaticDetails } from './base';
-import { IRoute, IFooterLink, PageContent } from '../page-content';
-
-export interface StoryDetailPageData {
-  routes: IRoute[];
-  footerLinks: IFooterLink[];
-  staticDetails: StaticDetails;
-  apiUrl: string;
-  baseUrl: string;
-  pathname: string;
-  slug: string;
-}
-
-export class StoryDetailPageGenerator extends BasePageGenerator {
-  public generate(data: StoryDetailPageData): PageContent {
-    const { slug, staticDetails, ...baseData } = data;
-
-    const mainContent = `
-      <main class="container container-narrow">
-        <my-story-viewer slug="${slug}"></my-story-viewer>
-      </main>`;
-
-    return this.generatePage(
-      baseData.pathname,
-      baseData.routes,
-      baseData.footerLinks,
-      staticDetails,
-      baseData.apiUrl,
-      baseData.baseUrl,
-      mainContent,
-      `Story: ${slug}`,
-      "Story post"
-    );
-  }
-}

package/src/prerender/prerender.ts

@@ -1,25 +0,0 @@
-// Minimal prerender AST->HTML utility
-export function renderFromAst(ast: any): string {
-  if (!ast) return '';
-  if (ast.type === 'document' && Array.isArray(ast.children)) {
-    return ast.children.map(renderFromAst).join('\n');
-  }
-  if (ast.type === 'heading') {
-    const level = Math.max(1, Math.min(6, ast.depth || 1));
-    const inner = Array.isArray(ast.children) ? ast.children.map(renderFromAst).join('') : '';
-    return `<h${level}>${inner}</h${level}>`;
-  }
-  if (ast.type === 'paragraph') {
-    const inner = Array.isArray(ast.children) ? ast.children.map(renderFromAst).join('') : '';
-    return `<p>${inner}</p>`;
-  }
-  if (ast.type === 'text') {
-    return ast.value || '';
-  }
-  if (ast.children) {
-    return ast.children.map(renderFromAst).join('');
-  }
-  return '';
-}
-
-export default renderFromAst

package/src/prerender/template.ts

@@ -1,65 +0,0 @@
-export interface TemplateProps {
-  title: string;
-  description: string;
-  canonicalUrl: string;
-  content: string;
-  hydrationData?: string;
-  baseSiteUrl?: string;
-}
-
-async function getAssetPaths(baseSiteUrl: string): Promise<{ js: string; css: string }> {
-  const assetsUrl = `${baseSiteUrl}/cdn-assets.json`;
-  try {
-    const res = await fetch(assetsUrl);
-    if (res.ok) {
-      const data = await res.json();
-      return { js: data.js, css: data.css };
-    }
-  } catch (e) {}
-  
-  try {
-    const res = await fetch(`${baseSiteUrl}/?t=${Date.now()}`);
-    const html = await res.text();
-    const jsMatch = html.match(/src="(\/assets\/index-[^"]+\.js)"/);
-    const cssMatch = html.match(/href="(\/assets\/index-[^"]+\.css)"/);
-    return { 
-      js: jsMatch ? jsMatch[1] : "/assets/index.js", 
-      css: cssMatch ? cssMatch[1] : "/assets/index.css" 
-    };
-  } catch (e) {}
-  return { js: "/assets/index.js", css: "/assets/index.css" };
-}
-
-export const createHtmlTemplate = async ({
-  title,
-  description,
-  canonicalUrl,
-  content,
-  hydrationData = "",
-  baseSiteUrl = ""
-}: TemplateProps): Promise<string> => {
-  const { js: jsAsset, css: cssAsset } = await getAssetPaths(baseSiteUrl);
-  
-  return `<!doctype html>
-<html lang="en" data-theme="light">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/api/logo" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>${title}</title>
-    <meta name="description" content="${description}" />
-    <meta property="og:title" content="${title}" />
-    <meta property="og:description" content="${description}" />
-    <meta property="og:url" content="${canonicalUrl}" />
-    <link rel="canonical" href="${canonicalUrl}" />
-    <link rel="stylesheet" crossorigin href="${cssAsset}" />
-    <script type="module" crossorigin src="${jsAsset}"></script>
-  </head>
-  <body>
-    ${hydrationData}
-    <div id="app">
-      ${content}
-    </div>
-  </body>
-</html>`;
-};

package/src/prerender/website-prerender.ts

@@ -1,152 +0,0 @@
-import { createHtmlTemplate, TemplateProps } from './template';
-import { IFooterLink, IRoute, generatePageContent } from './page-content';
-
-export interface PrerenderOptions {
-  routes?: IRoute[];
-  defaultFooterLinks?: IFooterLink[];
-  siteTitle?: string;
-  copyright?: string;
-  templateRenderer?: (props: TemplateProps) => Promise<string> | string;
-}
-
-export class WebsitePrerender {
-  private routes: IRoute[];
-  private defaultFooterLinks: IFooterLink[];
-  private footerLinks: IFooterLink[];
-  private siteTitle: string;
-  private copyright: string;
-  private templateRenderer: (props: TemplateProps) => Promise<string> | string;
-
-  constructor(options: PrerenderOptions = {}) {
-    this.routes = options.routes || [
-      { link: '/', text: 'Home' },
-      { link: '/blogs', text: 'Blogs' },
-      { link: '/stories', text: 'Stories' },
-      { link: '/about-me', text: 'About Me' },
-    ];
-    this.defaultFooterLinks = options.defaultFooterLinks || [
-      { text: 'LinkedIn', link: 'https://linkedin.com/in/yourname' },
-      { text: 'GitHub', link: 'https://github.com/yourname' },
-      { text: 'Email', link: 'mailto:yourname@domain.com' },
-    ];
-    this.footerLinks = [...this.defaultFooterLinks];
-    this.siteTitle = options.siteTitle || 'My Personal Website';
-    this.copyright = options.copyright || '2026 My Personal Website';
-    this.templateRenderer = options.templateRenderer || createHtmlTemplate;
-  }
-
-  private async fetchStaticDetails(apiUrl: string) {
-    try {
-      const res = await fetch(`${apiUrl}/api/static`);
-      if (res.ok) {
-        const data = await res.json();
-        this.siteTitle = data.siteTitle || this.siteTitle;
-        this.copyright = data.copyright || this.copyright;
-        
-        const normalizeUrl = (url?: string) => {
-          if (!url) return '';
-          if (url.startsWith('http://') || url.startsWith('https://')) return url;
-          if (url.startsWith('www.')) return `https://${url}`;
-          return url;
-        };
-        
-        this.footerLinks = [
-          { text: 'LinkedIn', link: normalizeUrl(data.linkedin) || this.defaultFooterLinks[0].link },
-          { text: 'GitHub', link: normalizeUrl(data.github) || this.defaultFooterLinks[1].link },
-          { text: 'Email', link: data.email ? `mailto:${data.email}` : this.defaultFooterLinks[2].link },
-        ];
-      }
-    } catch (e) {}
-  }
-
-  private async fetchAboutMeData(apiUrl: string): Promise<any> {
-    try {
-      const res = await fetch(`${apiUrl}/api/about-me`);
-      if (res.ok) return await res.json();
-    } catch (e) {}
-    return null;
-  }
-
-  public async fetch(request: Request, env: any, ctx: any): Promise<Response> {
-    const apiUrl = env?.API_URL || 'https://api.example.com';
-    const baseSiteUrl = env?.BASE_SITE_URL || 'https://site.example.com';
-
-    await this.fetchStaticDetails(apiUrl);
-    
-    const url = new URL(request.url);
-
-    if (url.pathname.startsWith('/api/')) {
-      return fetch(`${apiUrl}${url.pathname}${url.search}`);
-    }
-
-    if (url.pathname.startsWith('/images/')) {
-      const imageKey = url.pathname.slice(1);
-      try {
-        const image = await env.CONTENT_BUCKET.get(imageKey);
-        if (image) {
-          return new Response(image.body, {
-            headers: {
-              'content-type': image.httpMetadata?.contentType || 'image/jpeg',
-              'cache-control': 'public, max-age=86400',
-            },
-          });
-        }
-      } catch (e) {}
-      return new Response('Not found', { status: 404 });
-    }
-
-    if (url.pathname.startsWith('/assets/') || url.pathname === '/logo.png' || url.pathname === '/favicon.ico') {
-      const path = url.pathname;
-      const ext = path.split('.').pop()?.toLowerCase();
-      const contentTypes: Record<string, string> = {
-        js: 'application/javascript',
-        css: 'text/css',
-        png: 'image/png',
-        jpg: 'image/jpeg',
-        jpeg: 'image/jpeg',
-        gif: 'image/gif',
-        svg: 'image/svg+xml',
-        webp: 'image/webp',
-        ico: 'image/x-icon',
-      };
-      const contentType = contentTypes[ext || ''] || 'application/octet-stream';
-      
-      const response = await fetch(`${baseSiteUrl}${path}`);
-      if (response.ok) {
-        return new Response(response.body, {
-          headers: {
-            'content-type': contentType,
-            'cache-control': 'public, max-age=31536000',
-          },
-        });
-      }
-      return new Response('Not found', { status: 404 });
-    }
-
-    const PRERENDERED_DOMAINS = [
-      url.hostname
-    ];
-
-    if (!PRERENDERED_DOMAINS.includes(url.hostname) && !url.hostname.includes('localhost')) {
-      return fetch(request);
-    }
-
-    let hydrationScript = '';
-    if (url.pathname === '/about-me' || url.pathname === '/about-me/') {
-      const aboutMeData = await this.fetchAboutMeData(apiUrl);
-      if (aboutMeData) {
-        hydrationScript = `<script>window.__HYDRATION_DATA__ = ${JSON.stringify(aboutMeData)};</script>`;
-      }
-    }
-
-    const pageContent = await generatePageContent(url.pathname, this.routes, this.footerLinks, { ...env, apiUrl, siteTitle: this.siteTitle, copyright: this.copyright });
-    const html = await this.templateRenderer({ ...pageContent, hydrationData: hydrationScript });
-
-    return new Response(html, {
-      headers: {
-        'content-type': 'text/html',
-        'cache-control': 'public, max-age=60',
-      },
-    });
-  }
-}

package/src/shared/config/api.ts

@@ -1,16 +0,0 @@
-// API Configuration
-export const API_CONFIG = {
-  // Base URL for API calls
-  BASE_URL: (typeof window !== 'undefined' && (window as any).__VITE_API_URL__) || 
-    (typeof window !== 'undefined' ? `${window.location.protocol}//${window.location.host}` : 'http://localhost:8787'),
-  
-  // API endpoints
-  ENDPOINTS: {
-    ABOUTME: '/aboutme'
-  },
-
-  // Build full URL for an endpoint
-  getUrl(endpoint: keyof typeof API_CONFIG.ENDPOINTS) {
-    return `${API_CONFIG.BASE_URL}${API_CONFIG.ENDPOINTS[endpoint]}`;
-  }
-};

package/src/shared/config/index.ts

@@ -1,43 +0,0 @@
-import { InfrastructureConfig, StaticDetails, WebsiteConfig } from './types';
-
-export * from './types';
-
-const DEFAULT_INFRA: InfrastructureConfig = {
-  baseUrl: typeof window !== 'undefined' ? window.location.origin : 'http://localhost:5173',
-  apiUrl: (typeof window !== 'undefined' && ((window as any).__VITE_API_URL__ || (import.meta as any).env?.VITE_API_URL)) || 'http://localhost:8788'
-};
-
-const DEFAULT_STATIC: StaticDetails = {
-  siteTitle: 'My Personal Website',
-  siteDescription: 'My Personal Website',
-  copyright: '2026 My Personal Website',
-  linkedin: 'https://linkedin.com/in/yourname',
-  github: 'https://github.com/yourname',
-  email: 'yourname@domain.com'
-};
-
-let activeConfig: WebsiteConfig = { ...DEFAULT_INFRA, ...DEFAULT_STATIC };
-
-export async function initializeConfig(infra?: Partial<InfrastructureConfig>): Promise<WebsiteConfig> {
-  if (infra) {
-    // Only merge defined values
-    if (infra.baseUrl) activeConfig.baseUrl = infra.baseUrl;
-    if (infra.apiUrl) activeConfig.apiUrl = infra.apiUrl;
-  }
-
-  try {
-    const res = await fetch(`${activeConfig.apiUrl}/api/static`);
-    if (res.ok) {
-      const remoteStatic = await res.json().catch(() => ({}));
-      activeConfig = { ...activeConfig, ...remoteStatic };
-    }
-  } catch (e) {
-    console.warn('Failed to load static details from R2, using defaults.');
-  }
-
-  return activeConfig;
-}
-
-export function getConfig(): WebsiteConfig {
-  return activeConfig;
-}

package/src/shared/config/types.ts

@@ -1,16 +0,0 @@
-export interface InfrastructureConfig {
-  baseUrl: string;
-  apiUrl: string;
-}
-
-export interface StaticDetails {
-  siteTitle: string;
-  siteDescription: string;
-  copyright: string;
-  linkedin: string;
-  github: string;
-  email: string;
-  twitter?: string;
-}
-
-export interface WebsiteConfig extends InfrastructureConfig, StaticDetails {}