@leadertechie/personal-site-kit 0.1.0-alpha.1 → 0.1.0-alpha.11

package/dist/chunks/index-CGvOrVf8.js

@@ -0,0 +1,213 @@
+class BasePageGenerator {
+  generateBanner(routes, siteTitle, logo) {
+    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>`;
+  }
+  generateFooter(footerLinks, copyright) {
+    return `
+      <my-footer
+        copyright="${copyright}"
+        footerlinks='${JSON.stringify(footerLinks)}'>
+      </my-footer>`;
+  }
+  generateMeta(title, description, canonicalUrl) {
+  }
+  wrapContent(banner, mainContent, footer) {
+    return `${banner}${mainContent}${footer}`;
+  }
+  generatePage(pathname, routes, footerLinks, staticDetails, apiUrl, baseUrl, mainContent, title, description) {
+    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
+    };
+  }
+}
+class HomePageGenerator extends BasePageGenerator {
+  generate(data) {
+    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.`
+    );
+  }
+}
+class AboutPageGenerator extends BasePageGenerator {
+  generate(data) {
+    const { profile, staticDetails, ...baseData } = data;
+    const name = profile?.name || "User";
+    const mainContent = `
+      <main class="container container-narrow">
+        <my-aboutme base-url="${baseData.apiUrl}"></my-aboutme>
+      </main>`;
+    return this.generatePage(
+      baseData.pathname,
+      baseData.routes,
+      baseData.footerLinks,
+      staticDetails,
+      baseData.apiUrl,
+      baseData.baseUrl,
+      mainContent,
+      `About - ${name}`,
+      `Learn more about ${name}'s experience and skills.`
+    );
+  }
+}
+class BlogsListPageGenerator extends BasePageGenerator {
+  generate(data) {
+    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."
+    );
+  }
+}
+class StoriesListPageGenerator extends BasePageGenerator {
+  generate(data) {
+    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."
+    );
+  }
+}
+class BlogDetailPageGenerator extends BasePageGenerator {
+  generate(data) {
+    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"
+    );
+  }
+}
+class StoryDetailPageGenerator extends BasePageGenerator {
+  generate(data) {
+    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"
+    );
+  }
+}
+class NotFoundPageGenerator extends BasePageGenerator {
+  generate(data) {
+    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."
+    );
+  }
+}
+export {
+  AboutPageGenerator,
+  BasePageGenerator,
+  BlogDetailPageGenerator,
+  BlogsListPageGenerator,
+  HomePageGenerator,
+  NotFoundPageGenerator,
+  StoriesListPageGenerator,
+  StoryDetailPageGenerator
+};

package/dist/chunks/site-store-CGV9c2DI.js

@@ -0,0 +1,89 @@
+const __vite_import_meta_env__ = {};
+const DEFAULT_INFRA = {
+  baseUrl: typeof window !== "undefined" ? window.location.origin : "http://localhost:5173",
+  apiUrl: typeof window !== "undefined" && (window.__VITE_API_URL__ || __vite_import_meta_env__?.VITE_API_URL) || (typeof window !== "undefined" ? window.location.origin : "http://localhost:8787")
+};
+const DEFAULT_STATIC = {
+  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 = { ...DEFAULT_INFRA, ...DEFAULT_STATIC };
+async function initializeConfig(infra) {
+  if (infra) {
+    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(() => ({}));
+      const filteredStatic = Object.fromEntries(
+        Object.entries(remoteStatic).filter(([_, v]) => v != null && v !== "")
+      );
+      activeConfig = { ...activeConfig, ...filteredStatic };
+    }
+  } catch (e) {
+    console.warn("Failed to load static details from R2, using defaults.");
+  }
+  return activeConfig;
+}
+async function refreshConfig() {
+  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 refresh static details.");
+  }
+  return activeConfig;
+}
+function getConfig() {
+  return activeConfig;
+}
+class SiteStore {
+  constructor() {
+    this.config = null;
+    this.listeners = /* @__PURE__ */ new Set();
+  }
+  static getInstance() {
+    if (!SiteStore.instance) {
+      SiteStore.instance = new SiteStore();
+    }
+    return SiteStore.instance;
+  }
+  async init(infra) {
+    this.config = await initializeConfig(infra);
+    this.notify();
+    return this.config;
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    if (this.config) listener(this.config);
+    return () => this.listeners.delete(listener);
+  }
+  notify() {
+    if (this.config) {
+      this.listeners.forEach((l) => l(this.config));
+    }
+  }
+  async refresh() {
+    await refreshConfig();
+    this.config = getConfig();
+    this.notify();
+  }
+  getConfig() {
+    return this.config || getConfig();
+  }
+}
+export {
+  SiteStore as S,
+  getConfig as g,
+  initializeConfig as i,
+  refreshConfig as r
+};