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

package/dist/api/content-utils.d.ts

@@ -0,0 +1,27 @@
+export interface ContentMetadata {
+    slug: string;
+    title: string;
+    description: string;
+    summary?: string;
+    date: string;
+    imageUrl?: string;
+    tags?: string[];
+    author?: string;
+}
+export interface BlogPost extends ContentMetadata {
+    content: string;
+}
+export interface StoryPost extends ContentMetadata {
+    content: string;
+}
+export declare function getCachedOrFetch<T>(key: string, fetchFn: () => Promise<T>): Promise<T>;
+export declare function clearContentCache(prefix?: string): void;
+export declare function parseFrontmatter(content: string): {
+    metadata: ContentMetadata;
+    content: string;
+};
+export declare function checkContentBucket(env: any): Response | null;
+export declare function fetchContentItem(bucket: any, type: 'blogs' | 'stories', slug: string): Promise<BlogPost | StoryPost>;
+export declare function fetchContentList(bucket: any, type: 'blogs' | 'stories', latest?: number): Promise<ContentMetadata[]>;
+export declare function searchContent(bucket: any, query: string): Promise<(BlogPost | StoryPost)[]>;
+//# sourceMappingURL=content-utils.d.ts.map

package/dist/api/content-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-utils.d.ts","sourceRoot":"","sources":["../../src/api/content-utils.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,QAAS,SAAQ,eAAe;IAC/C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAU,SAAQ,eAAe;IAChD,OAAO,EAAE,MAAM,CAAC;CACjB;AAMD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAStF;AAED,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAUvD;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG;IAAE,QAAQ,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CA6BhG;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,GAAG,GAAG,QAAQ,GAAG,IAAI,CAK5D;AAED,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC,CAqB1H;AAED,wBAAsB,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC,CAiB1H;AAED,wBAAsB,aAAa,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,QAAQ,GAAG,SAAS,CAAC,EAAE,CAAC,CA2BjG"}

package/dist/api/handlers/about-me.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"about-me.d.ts","sourceRoot":"","sources":["../../../src/api/handlers/about-me.ts"],"names":[],"mappings":"AA4CA,wBAAgB,iBAAiB,SAEhC;AAED,wBAAsB,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC,CAkDhE"}
+{"version":3,"file":"about-me.d.ts","sourceRoot":"","sources":["../../../src/api/handlers/about-me.ts"],"names":[],"mappings":"AA4CA,wBAAgB,iBAAiB,SAEhC;AAED,wBAAsB,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC,CA4DhE"}

package/dist/api/handlers/content-api.d.ts

@@ -1,5 +1,4 @@
 export declare function handleBlogs(env?: any, slug?: string, latest?: number): Promise<Response>;
 export declare function handleStories(env?: any, slug?: string, latest?: number): Promise<Response>;
 export declare function handleSearch(env?: any, query?: string): Promise<Response>;
-export declare function clearContentCache(): void;
 //# sourceMappingURL=content-api.d.ts.map

package/dist/api/handlers/content-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-api.d.ts","sourceRoot":"","sources":["../../../src/api/handlers/content-api.ts"],"names":[],"mappings":"AA8EA,wBAAsB,WAAW,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAgE9F;AAED,wBAAsB,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CA8DhG;AAED,wBAAsB,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAuD/E;AAED,wBAAgB,iBAAiB,IAAI,IAAI,CAExC"}
+{"version":3,"file":"content-api.d.ts","sourceRoot":"","sources":["../../../src/api/handlers/content-api.ts"],"names":[],"mappings":"AAcA,wBAAsB,WAAW,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAmB9F;AAED,wBAAsB,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAmBhG;AAED,wBAAsB,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,CAkB/E"}

package/dist/api/website-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"website-api.d.ts","sourceRoot":"","sources":["../../src/api/website-api.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE3E,qBAAa,UAAU;IACrB,OAAO,CAAC,cAAc,CAAiC;IAEhD,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU;IAIzD,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,UAAU;IAgBL,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC;CAmFlE"}
+{"version":3,"file":"website-api.d.ts","sourceRoot":"","sources":["../../src/api/website-api.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE3E,qBAAa,UAAU;IACrB,OAAO,CAAC,cAAc,CAAiC;IAEhD,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU;IAIzD,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,UAAU;IAgBL,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC;CAuFlE"}

package/dist/api.js

@@ -1,5 +1,5 @@
-import { W as WebsiteAPI } from "./chunks/website-api-XoeLwo_N.js";
-import { A, B, M, R, c, a, g, b, d, h, e, r, s, v } from "./chunks/website-api-XoeLwo_N.js";
+import { W as WebsiteAPI } from "./chunks/website-api-BEYGOsT3.js";
+import { A, B, M, R, c, a, g, b, d, h, e, r, s, v } from "./chunks/website-api-BEYGOsT3.js";
 const defaultAPI = new WebsiteAPI();
 export {
   A as AUTH_KV,

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
+};