npm - cf-yoyo - Versions diffs - 1.0.0 - Mend

cf-yoyo 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (141) hide show

package/.eslintrc.json +28 -0
package/.github/workflows/ci.yml +96 -0
package/.prettierrc.json +10 -0
package/CHANGELOG.md +55 -0
package/README.md +138 -0
package/__tests__/cli-e2e.test.ts +145 -0
package/__tests__/config.test.ts +268 -0
package/__tests__/filesystem.test.ts +453 -0
package/__tests__/logger.test.ts +274 -0
package/__tests__/template-engine.test.ts +450 -0
package/__tests__/types.test.ts +25 -0
package/deep_todos.md +766 -0
package/dist/cli/commands/create.d.ts +26 -0
package/dist/cli/commands/create.d.ts.map +1 -0
package/dist/cli/commands/create.js +308 -0
package/dist/cli/commands/create.js.map +1 -0
package/dist/cli/commands/git.d.ts +10 -0
package/dist/cli/commands/git.d.ts.map +1 -0
package/dist/cli/commands/git.js +887 -0
package/dist/cli/commands/git.js.map +1 -0
package/dist/cli/commands/list.d.ts +10 -0
package/dist/cli/commands/list.d.ts.map +1 -0
package/dist/cli/commands/list.js +90 -0
package/dist/cli/commands/list.js.map +1 -0
package/dist/cli/index.d.ts +15 -0
package/dist/cli/index.d.ts.map +1 -0
package/dist/cli/index.js +62 -0
package/dist/cli/index.js.map +1 -0
package/dist/core/config.d.ts +35 -0
package/dist/core/config.d.ts.map +1 -0
package/dist/core/config.js +260 -0
package/dist/core/config.js.map +1 -0
package/dist/core/filesystem.d.ts +84 -0
package/dist/core/filesystem.d.ts.map +1 -0
package/dist/core/filesystem.js +417 -0
package/dist/core/filesystem.js.map +1 -0
package/dist/core/git-token.d.ts +81 -0
package/dist/core/git-token.d.ts.map +1 -0
package/dist/core/git-token.js +244 -0
package/dist/core/git-token.js.map +1 -0
package/dist/core/git.d.ts +70 -0
package/dist/core/git.d.ts.map +1 -0
package/dist/core/git.js +367 -0
package/dist/core/git.js.map +1 -0
package/dist/core/prompt.d.ts +28 -0
package/dist/core/prompt.d.ts.map +1 -0
package/dist/core/prompt.js +253 -0
package/dist/core/prompt.js.map +1 -0
package/dist/core/template-engine.d.ts +52 -0
package/dist/core/template-engine.d.ts.map +1 -0
package/dist/core/template-engine.js +308 -0
package/dist/core/template-engine.js.map +1 -0
package/dist/core/template-manager.d.ts +54 -0
package/dist/core/template-manager.d.ts.map +1 -0
package/dist/core/template-manager.js +330 -0
package/dist/core/template-manager.js.map +1 -0
package/dist/index.d.ts +12 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +19 -0
package/dist/index.js.map +1 -0
package/dist/types/index.d.ts +244 -0
package/dist/types/index.d.ts.map +1 -0
package/dist/types/index.js +51 -0
package/dist/types/index.js.map +1 -0
package/dist/utils/logger.d.ts +68 -0
package/dist/utils/logger.d.ts.map +1 -0
package/dist/utils/logger.js +140 -0
package/dist/utils/logger.js.map +1 -0
package/memory.md +241 -0
package/need-debug.md +395 -0
package/package.json +42 -0
package/src/cli/commands/create.ts +326 -0
package/src/cli/commands/git.ts +1001 -0
package/src/cli/commands/list.ts +97 -0
package/src/cli/index.ts +71 -0
package/src/core/config.ts +262 -0
package/src/core/filesystem.ts +408 -0
package/src/core/git-token.ts +248 -0
package/src/core/git.ts +384 -0
package/src/core/prompt.ts +345 -0
package/src/core/template-engine.ts +324 -0
package/src/core/template-manager.ts +338 -0
package/src/index.ts +19 -0
package/src/types/index.ts +259 -0
package/src/utils/logger.ts +150 -0
package/templates/pages/basic/README.md.mustache +63 -0
package/templates/pages/basic/package.json.mustache +23 -0
package/templates/pages/basic/public/css/style.css +199 -0
package/templates/pages/basic/public/index.html.mustache +72 -0
package/templates/pages/basic/public/js/main.js +103 -0
package/templates/pages/basic/template.json +38 -0
package/templates/pages/basic/tsconfig.json +21 -0
package/templates/pages/basic/wrangler.toml.mustache +14 -0
package/templates/pages/basic-js/README.md.mustache +62 -0
package/templates/pages/basic-js/package.json.mustache +25 -0
package/templates/pages/basic-js/public/css/style.css +212 -0
package/templates/pages/basic-js/public/index.html.mustache +53 -0
package/templates/pages/basic-js/public/js/main.js +134 -0
package/templates/pages/basic-js/template.json +35 -0
package/templates/pages/basic-js/wrangler.toml.mustache +14 -0
package/templates/pages/react/README.md.mustache +97 -0
package/templates/pages/react/index.html.mustache +14 -0
package/templates/pages/react/package.json.mustache +34 -0
package/templates/pages/react/src/App.css +168 -0
package/templates/pages/react/src/App.tsx.mustache +62 -0
package/templates/pages/react/src/index.css +53 -0
package/templates/pages/react/src/main.tsx.mustache +10 -0
package/templates/pages/react/src/vite-env.d.ts +1 -0
package/templates/pages/react/template.json +54 -0
package/templates/pages/react/tsconfig.json +21 -0
package/templates/pages/react/tsconfig.node.json +10 -0
package/templates/pages/react/vite.config.ts +16 -0
package/templates/worker/basic/README.md.mustache +56 -0
package/templates/worker/basic/package.json.mustache +29 -0
package/templates/worker/basic/src/index.ts.mustache +125 -0
package/templates/worker/basic/template.json +30 -0
package/templates/worker/basic/tsconfig.json +24 -0
package/templates/worker/basic/wrangler.toml.mustache +33 -0
package/templates/worker/basic-js/README.md.mustache +55 -0
package/templates/worker/basic-js/package.json.mustache +25 -0
package/templates/worker/basic-js/src/index.js.mustache +146 -0
package/templates/worker/basic-js/template.json +27 -0
package/templates/worker/basic-js/wrangler.toml.mustache +33 -0
package/templates/worker/hono/README.md.mustache +79 -0
package/templates/worker/hono/package.json.mustache +33 -0
package/templates/worker/hono/src/index.ts.mustache +64 -0
package/templates/worker/hono/src/routes/index.ts.mustache +165 -0
package/templates/worker/hono/template.json +34 -0
package/templates/worker/hono/tsconfig.json +24 -0
package/templates/worker/hono/wrangler.toml.mustache +36 -0
package/templates/worker/hono-js/README.md.mustache +67 -0
package/templates/worker/hono-js/package.json.mustache +29 -0
package/templates/worker/hono-js/src/index.js.mustache +55 -0
package/templates/worker/hono-js/src/routes/index.js.mustache +127 -0
package/templates/worker/hono-js/template.json +31 -0
package/templates/worker/hono-js/wrangler.toml.mustache +36 -0
package/thoughts/ledgers/CONTINUITY_ses_287e.md +74 -0
package/thoughts/ledgers/CONTINUITY_ses_28b5.md +85 -0
package/tsconfig.json +30 -0
package/vitest.config.ts +20 -0
package//351/240/205/347/233/256/350/241/250.md +140 -0

package/templates/pages/basic/public/index.html.mustache ADDED Viewed

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="zh-TW">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{projectName}}</title>
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀</text></svg>">
+</head>
+<body>
+  <header class="hero">
+    <div class="container">
+      <h1>🚀 {{projectName}}</h1>
+      <p class="description">{{description}}</p>
+      <div class="badges">
+        <span class="badge">Cloudflare Pages</span>
+        <span class="badge">靜態網站</span>
+      </div>
+    </div>
+  </header>
+  <main class="container">
+    <section class="features">
+      <h2>✨ 功能特色</h2>
+      <div class="feature-grid">
+        <div class="feature-card">
+          <div class="feature-icon">⚡</div>
+          <h3>極速載入</h3>
+          <p>部署於 Cloudflare 全球邊緣網路，提供極快的載入速度</p>
+        </div>
+        <div class="feature-card">
+          <div class="feature-icon">🌍</div>
+          <h3>全球 CDN</h3>
+          <p>內容自動分發至全球 300+ 個數據中心</p>
+        </div>
+        <div class="feature-card">
+          <div class="feature-icon">🔒</div>
+          <h3>自動 HTTPS</h3>
+          <p>免費 SSL 證書，自動續期</p>
+        </div>
+        <div class="feature-card">
+          <div class="feature-icon">🚀</div>
+          <h3>無限擴展</h3>
+          <p>無需擔心流量峰值，自動擴展</p>
+        </div>
+      </div>
+    </section>
+    <section class="cta">
+      <h2>🎉 開始使用</h2>
+      <p>這是一個由 create-cf-project 生成的專案</p>
+      <div class="code-block">
+        <code>
+          <span class="comment"># 安裝依賴</span><br>
+          npm install<br><br>
+          <span class="comment"># 開發模式</span><br>
+          npm run dev
+        </code>
+      </div>
+    </section>
+  </main>
+  <footer>
+    <div class="container">
+      <p>建立於 {{date}} | {{year}}</p>
+      <p>{{#license}}{{license}}{{/license}}{{^license}}MIT License{{/license}}</p>
+    </div>
+  </footer>
+  <script src="js/main.js"></script>
+</body>
+</html>

package/templates/pages/basic/public/js/main.js ADDED Viewed

@@ -0,0 +1,103 @@
+/**
+ * 主 JavaScript 檔案
+ * {{projectName}}
+ */
+// DOM 載入完成後執行
+document.addEventListener('DOMContentLoaded', function () {
+  console.log('🚀 {{projectName}} 已載入');
+  // 初始化
+  initAnimations();
+  initSmoothScroll();
+});
+/**
+ * 初始化動畫效果
+ */
+function initAnimations() {
+  // 觀察元素進入視口
+  const observerOptions = {
+    threshold: 0.1,
+    rootMargin: '0px 0px -50px 0px',
+  };
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach((entry) => {
+      if (entry.isIntersecting) {
+        entry.target.classList.add('visible');
+      }
+    });
+  }, observerOptions);
+  // 觀察所有功能卡片
+  const cards = document.querySelectorAll('.feature-card');
+  cards.forEach((card, index) => {
+    card.style.opacity = '0';
+    card.style.transform = 'translateY(20px)';
+    card.style.transition = `opacity 0.5s ease ${index * 0.1}s, transform 0.5s ease ${index * 0.1}s`;
+    observer.observe(card);
+  });
+  // 添加可見類別時的樣式
+  const style = document.createElement('style');
+  style.textContent = `
+    .feature-card.visible {
+      opacity: 1 !important;
+      transform: translateY(0) !important;
+    }
+  `;
+  document.head.appendChild(style);
+}
+/**
+ * 平滑滾動
+ */
+function initSmoothScroll() {
+  document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
+    anchor.addEventListener('click', function (e) {
+      e.preventDefault();
+      const target = document.querySelector(this.getAttribute('href'));
+      if (target) {
+        target.scrollIntoView({
+          behavior: 'smooth',
+          block: 'start',
+        });
+      }
+    });
+  });
+}
+/**
+ * 添加複製代碼功能
+ */
+function initCodeCopy() {
+  const codeBlocks = document.querySelectorAll('.code-block');
+  codeBlocks.forEach((block) => {
+    const button = document.createElement('button');
+    button.className = 'copy-btn';
+    button.innerHTML = '📋';
+    button.title = '複製代碼';
+    button.addEventListener('click', async () => {
+      const code = block.querySelector('code')?.textContent || '';
+      try {
+        await navigator.clipboard.writeText(code);
+        button.innerHTML = '✅';
+        setTimeout(() => {
+          button.innerHTML = '📋';
+        }, 2000);
+      } catch (err) {
+        console.error('複製失敗:', err);
+      }
+    });
+    block.style.position = 'relative';
+    block.appendChild(button);
+  });
+}
+// 如果需要在控制台輸出歡迎信息
+console.log('%c{{projectName}}', 'font-size: 24px; font-weight: bold; color: #667eea;');
+console.log('%c由 Cloudflare Pages 驅動 ⚡', 'font-size: 12px; color: #666;');

package/templates/pages/basic/template.json ADDED Viewed

@@ -0,0 +1,38 @@
+{
+  "name": "基礎 Cloudflare Pages",
+  "description": "純靜態 HTML/CSS/JS 的 Cloudflare Pages 專案",
+  "projectType": "pages",
+  "templateType": "static",
+  "files": [
+    {
+      "sourcePath": "package.json.mustache",
+      "targetPath": "package.json"
+    },
+    {
+      "sourcePath": "wrangler.toml.mustache",
+      "targetPath": "wrangler.toml"
+    },
+    {
+      "sourcePath": "public/index.html.mustache",
+      "targetPath": "public/index.html"
+    },
+    {
+      "sourcePath": "public/css/style.css",
+      "targetPath": "public/css/style.css"
+    },
+    {
+      "sourcePath": "public/js/main.js",
+      "targetPath": "public/js/main.js"
+    },
+    {
+      "sourcePath": "tsconfig.json",
+      "targetPath": "tsconfig.json"
+    },
+    {
+      "sourcePath": "README.md.mustache",
+      "targetPath": "README.md"
+    }
+  ],
+  "requiredVars": ["projectName", "projectType", "template"],
+  "optionalVars": ["author", "email", "description", "license"]
+}

package/templates/pages/basic/tsconfig.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["ES2022", "DOM"],
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "./dist",
+    "rootDir": ".",
+    "types": ["node"]
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["node_modules", "dist", "public"]
+}

package/templates/pages/basic/wrangler.toml.mustache ADDED Viewed

@@ -0,0 +1,14 @@
+#:schema node_modules/wrangler/config-schema.json
+name = "{{projectName}}"
+# Cloudflare Pages 配置
+[build]
+command = ""
+[site]
+bucket = "./public"
+# 環境變數
+[env.production]
+[env.development]

package/templates/pages/basic-js/README.md.mustache ADDED Viewed

@@ -0,0 +1,62 @@
+# {{projectName}}
+{{description}}
+這是一個基於 Cloudflare Pages 的靜態網站專案，使用 create-cf-project 腳手架工具建立。
+## 快速開始
+### 安裝依賴
+```bash
+npm install
+```
+### 開發模式
+```bash
+npm run dev
+```
+這會啟動 wrangler pages dev 伺服器，你可以在本地測試網站。
+### 部署
+```bash
+npm run deploy
+```
+## 專案結構
+```
+{{projectName}}/
+├── public/               # 靜態資源目錄
+│   ├── css/
+│   │   └── style.css    # 樣式表
+│   ├── js/
+│   │   └── main.js      # JavaScript 檔案
+│   └── index.html       # HTML 入口
+├── package.json         # 專案配置
+├── wrangler.toml        # Cloudflare 配置
+└── README.md            # 本文件
+```
+## 技術細節
+- **平台**: Cloudflare Pages
+- **語言**: JavaScript (ES Module)
+- **樣式**: CSS3
+- **部署**: Edge Network
+## 特性
+- ⚡ 全球 CDN 加速
+- 🔒 自動 HTTPS
+- 🚀 無限頻寬
+- 🌍 Edge 網絡部署
+## 授權
+{{#license}}{{license}}{{/license}}{{^license}}MIT{{/license}}
+建立於 {{date}} | {{year}}

package/templates/pages/basic-js/package.json.mustache ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "name": "{{projectName}}",
+  "version": "1.0.0",
+  "description": "{{description}}",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "wrangler pages dev public",
+    "deploy": "wrangler pages deploy public",
+    "build": "echo '靜態網站無需建置'",
+    "preview": "wrangler pages dev public --port 8788"
+  },
+  "keywords": [
+    "cloudflare",
+    "pages",
+    "static",
+    "edge",
+    "javascript"
+  ],
+  "author": "{{#author}}{{author}}{{/author}}{{^author}}Anonymous{{/author}}",
+  "license": "{{#license}}{{license}}{{/license}}{{^license}}MIT{{/license}}",
+  "devDependencies": {
+    "wrangler": "^3.39.0"
+  }
+}

package/templates/pages/basic-js/public/css/style.css ADDED Viewed

@@ -0,0 +1,212 @@
+/**
+ * 基礎樣式表
+ * Cloudflare Pages 靜態網站
+ */
+/* CSS 變數定義 */
+:root {
+  --primary-color: #667eea;
+  --secondary-color: #764ba2;
+  --text-color: #333;
+  --bg-color: #f5f5f5;
+  --white: #fff;
+  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  --border-radius: 8px;
+}
+/* 重置 */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+body {
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  line-height: 1.6;
+  color: var(--text-color);
+  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
+  min-height: 100vh;
+  padding: 2rem 1rem;
+}
+.container {
+  max-width: 800px;
+  margin: 0 auto;
+  background: var(--white);
+  border-radius: var(--border-radius);
+  box-shadow: var(--shadow);
+  overflow: hidden;
+}
+/* 頁首 */
+header {
+  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
+  color: var(--white);
+  padding: 3rem 2rem;
+  text-align: center;
+}
+header h1 {
+  font-size: 2.5rem;
+  margin-bottom: 0.5rem;
+}
+header .description {
+  font-size: 1.1rem;
+  opacity: 0.9;
+}
+/* 主要內容 */
+main {
+  padding: 2rem;
+}
+section {
+  margin-bottom: 2rem;
+}
+section:last-child {
+  margin-bottom: 0;
+}
+h2 {
+  color: var(--primary-color);
+  margin-bottom: 1rem;
+  font-size: 1.5rem;
+}
+p {
+  margin-bottom: 0.5rem;
+}
+/* 標籤 */
+.badges {
+  margin-top: 1rem;
+}
+.badge {
+  display: inline-block;
+  background: var(--primary-color);
+  color: var(--white);
+  padding: 0.25rem 0.75rem;
+  border-radius: 20px;
+  font-size: 0.875rem;
+  margin-right: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.badge-js {
+  background: #f7df1e;
+  color: #333;
+}
+.badge-static {
+  background: #4caf50;
+}
+/* 特性列表 */
+.features ul {
+  list-style: none;
+  padding: 0;
+}
+.features li {
+  padding: 0.5rem 0;
+  border-bottom: 1px solid #eee;
+}
+.features li:last-child {
+  border-bottom: none;
+}
+/* 按鈕 */
+.btn {
+  background: var(--primary-color);
+  color: var(--white);
+  border: none;
+  padding: 0.75rem 1.5rem;
+  border-radius: var(--border-radius);
+  font-size: 1rem;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+.btn:hover {
+  background: var(--secondary-color);
+  transform: translateY(-2px);
+  box-shadow: var(--shadow);
+}
+.btn:active {
+  transform: translateY(0);
+}
+/* 示範區塊 */
+.demo {
+  background: #f8f9fa;
+  padding: 1.5rem;
+  border-radius: var(--border-radius);
+}
+#message {
+  margin-top: 1rem;
+  min-height: 1.5rem;
+  color: var(--primary-color);
+  font-weight: 500;
+}
+.timestamp {
+  margin-top: 1rem;
+  color: #666;
+  font-size: 0.9rem;
+}
+/* 頁尾 */
+footer {
+  background: #f8f9fa;
+  padding: 1.5rem;
+  text-align: center;
+  color: #666;
+  border-top: 1px solid #eee;
+}
+footer p {
+  margin-bottom: 0.25rem;
+}
+.license {
+  font-size: 0.875rem;
+}
+/* 響態效果 */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.container {
+  animation: fadeIn 0.5s ease;
+}
+/* 響應式設計 */
+@media (max-width: 600px) {
+  header h1 {
+    font-size: 2rem;
+  }
+  main {
+    padding: 1rem;
+  }
+  .btn {
+    width: 100%;
+  }
+}

package/templates/pages/basic-js/public/index.html.mustache ADDED Viewed

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="zh-TW">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{projectName}}</title>
+  <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+  <div class="container">
+    <header>
+      <h1>🌐 {{projectName}}</h1>
+      <p class="description">{{description}}</p>
+    </header>
+    <main>
+      <section class="intro">
+        <h2>歡迎使用 Cloudflare Pages</h2>
+        <p>這是一個純靜態的網站模板，部署在 Cloudflare Pages 上。</p>
+        <div class="badges">
+          <span class="badge">Cloudflare Pages</span>
+          <span class="badge badge-js">JavaScript</span>
+          <span class="badge badge-static">靜態網站</span>
+        </div>
+      </section>
+      <section class="features">
+        <h2>特性</h2>
+        <ul>
+          <li>⚡ 全球 CDN 加速</li>
+          <li>🔒 自動 HTTPS</li>
+          <li>🚀 無限頻寬</li>
+          <li>🌍 Edge 網絡部署</li>
+        </ul>
+      </section>
+      <section class="demo">
+        <h2>互動示範</h2>
+        <button id="clickBtn" class="btn">點擊我！</button>
+        <p id="message"></p>
+        <p class="timestamp">當前時間：<span id="timestamp"></span></p>
+      </section>
+    </main>
+    <footer>
+      <p>建立於 {{date}} | {{year}}</p>
+      <p class="license">授權：{{#license}}{{license}}{{/license}}{{^license}}MIT{{/license}}</p>
+    </footer>
+  </div>
+  <script type="module" src="js/main.js"></script>
+</body>
+</html>