@leadertechie/create-personal-site 0.1.0-alpha.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 leadertechie
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,2 @@
+# create-personal-site
+A CLI project to create the personal site from the other package

package/bin/index.js

@@ -0,0 +1,156 @@
+#!/usr/bin/env node
+import prompts from 'prompts';
+import { red, green, blue, bold } from 'kolorist';
+import fs from 'fs-extra';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+async function fetchGithubProfile(username) {
+  if (!username) return null;
+  try {
+    const res = await fetch("https://api.github.com/users/" + username);
+    if (res.ok) return await res.json();
+  } catch (e) {}
+  return null;
+}
+
+async function init() {
+  const response = await prompts([
+    {
+      type: 'text',
+      name: 'projectName',
+      message: 'Project name:',
+      initial: 'my-personal-site'
+    },
+    {
+      type: 'text',
+      name: 'githubUsername',
+      message: 'GitHub username:'
+    },
+    {
+        type: 'text',
+        name: 'siteTitle',
+        message: 'Site title:',
+        initial: 'My Personal Website'
+    }
+  ]);
+
+  const { projectName, githubUsername, siteTitle } = response;
+  if (!projectName) {
+    console.log(red('Cancelled.'));
+    return;
+  }
+
+  const root = path.join(process.cwd(), projectName);
+  
+  console.log("
+Creating project in " + blue(root) + "...");
+
+  // 1. Create directory
+  await fs.ensureDir(root);
+
+  // 2. Fetch Github profile to personalize
+  let profile = await fetchGithubProfile(githubUsername);
+  if (profile) {
+    console.log(green("Fetched GitHub profile for " + profile.name));
+  }
+
+  // 3. Create personalized content
+  const contentDir = path.join(root, 'content');
+  const pagesDir = path.join(contentDir, 'pages');
+  await fs.ensureDir(contentDir);
+  await fs.ensureDir(pagesDir);
+  
+  const aboutMe = "# About Me
+
+" + (profile?.bio || "Welcome to my site!") + "
+
+Find more on my [GitHub](" + (profile?.html_url || "") + ").";
+  await fs.writeFile(path.join(contentDir, 'about-me.md'), aboutMe);
+  
+  const homePageTitle = profile?.name || "My Personal Website";
+  const homePage = `---
+title: ${homePageTitle}
+date: ${new Date().toISOString().split('T')[0]}
+description: Welcome to my personal website.
+---
+
+# ${homePageTitle}
+
+Welcome to my site!`;
+  await fs.writeFile(path.join(pagesDir, 'home.md'), homePage);
+  
+  const staticDetails = {
+    siteTitle: siteTitle || profile?.name || "My Personal Website",
+    siteDescription: profile?.bio || "Welcome to my professional portfolio.",
+    copyright: new Date().getFullYear() + " " + (profile?.name || "All Rights Reserved"),
+    linkedin: "",
+    github: profile?.html_url || "",
+    email: profile?.email || ""
+  };
+  await fs.writeFile(path.join(contentDir, 'static-details.json'), JSON.stringify(staticDetails, null, 2));
+
+  // 4. Copy templates
+  await fs.copy(path.join(__dirname, '..', 'templates'), root);
+
+  // 5. Create project-specific files
+  await fs.ensureDir(path.join(root, 'api'));
+  await fs.ensureDir(path.join(root, 'ui'));
+  await fs.ensureDir(path.join(root, 'prerender'));
+
+  await fs.writeFile(path.join(root, 'api/index.ts'), "import { WebsiteAPI } from '@leadertechie/personal-site-kit/api';
+
+export default new WebsiteAPI();
+");
+  await fs.writeFile(path.join(root, 'ui/index.ts'), "import { WebsiteUI } from '@leadertechie/personal-site-kit/shared';
+import '@leadertechie/personal-site-kit/ui/banner';
+import '@leadertechie/personal-site-kit/ui/footer';
+import '@leadertechie/personal-site-kit/ui/about-me';
+
+WebsiteUI.bootstrap();
+");
+  await fs.writeFile(path.join(root, 'prerender/index.ts'), "import { WebsitePrerender } from '@leadertechie/personal-site-kit/prerender';
+
+export default new WebsitePrerender();
+");
+
+  // Replace template variables in wrangler.toml
+  const wranglerToml = await fs.readFile(path.join(root, 'wrangler.toml'), 'utf-8');
+  const processedToml = wranglerToml
+    .replace(/\{\{name\}\}/g, projectName)
+    .replace(/\{\{siteTitle\}\}/g, siteTitle || 'My Personal Website');
+  await fs.writeFile(path.join(root, 'wrangler.toml'), processedToml);
+
+  // Replace template variables in README
+  const readme = await fs.readFile(path.join(root, 'README.md'), 'utf-8');
+  await fs.writeFile(path.join(root, 'README.md'), readme.replace(/\{\{name\}\}/g, projectName));
+
+  // 6. Create package.json
+  const pkg = {
+    name: projectName,
+    version: '0.1.0',
+    private: true,
+    scripts: {
+      "dev": "wrangler dev",
+      "deploy": "wrangler deploy",
+      "seed": "# Script to upload content to R2"
+    },
+    dependencies: {
+      "@leadertechie/personal-site-kit": "latest",
+      "lit": "^3.2.1"
+    }
+  };
+  await fs.writeFile(path.join(root, 'package.json'), JSON.stringify(pkg, null, 2));
+
+  console.log("
+" + green('Done!') + " Now run:
+");
+  console.log("  cd " + projectName);
+  console.log("  npm install");
+  console.log("  # Update wrangler.toml with your R2 bucket name");
+  console.log("  npm run dev");
+}
+
+init().catch(e => console.error(red(e)));

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@leadertechie/create-personal-site",
+  "version": "0.1.0-alpha.4",
+  "description": "Create a personal website powered by @leadertechie/personal-site-kit",
+  "bin": {
+    "create-personal-site": "./bin/index.js"
+  },
+  "type": "module",
+  "engines": {
+    "node": ">=20"
+  },
+  "license": "MIT",
+  "files": [
+    "bin",
+    "templates"
+  ],
+  "keywords": [
+    "cli",
+    "personal-site",
+    "cloudflare-workers"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/leadertechie/create-personal-site"
+  },
+  "dependencies": {
+    "prompts": "^2.4.2",
+    "kolorist": "^1.8.0",
+    "fs-extra": "^11.1.1",
+    "execa": "^8.0.1"
+  }
+}

package/templates/README.md

@@ -0,0 +1,16 @@
+# {{name}}
+
+A personal website powered by [@leadertechie/personal-site-kit](https://github.com/leadertechie/personal-site-kit).
+
+## Getting Started
+
+1. Add your content in the `content/` directory
+2. Configure `wrangler.toml` with your R2 bucket details
+3. Run `npm run dev` to test locally
+4. Run `npm run deploy` to publish
+
+## Content Structure
+
+- `content/pages/home.md` - Your home page content
+- `content/about-me.md` - Your about page content
+- `content/static-details.json` - Site metadata (title, social links, etc.)

package/templates/wrangler.toml

@@ -0,0 +1,10 @@
+name = "{{name}}"
+main = "dist/worker.js"
+compatibility_date = "2024-01-01"
+
+[vars]
+SITE_TITLE = "{{siteTitle}}"
+
+[[r2_buckets]]
+binding = "CONTENT_BUCKET"
+bucket_name = "your-content-bucket"