tssetup 1.0.0__tar.gz

tssetup-1.0.0/.github/workflows/publish.yml

@@ -0,0 +1,29 @@
+name: Publish to PyPI
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  build-and-publish:
+    name: Build and publish to PyPI
+    runs-on: ubuntu-latest
+    environment: pypi
+    permissions:
+      id-token: write
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-python@v5
+        with:
+          python-version: "3.x"
+
+      - name: Install hatch
+        run: pip install hatch
+
+      - name: Build package
+        run: hatch build
+
+      - name: Publish to PyPI
+        uses: pypa/gh-action-pypi-publish@release/v1

tssetup-1.0.0/.gitignore

@@ -0,0 +1,5 @@
+
+__pycache__/
+*.pyc
+dist/
+*.egg-info/

tssetup-1.0.0/PKG-INFO

@@ -0,0 +1,143 @@
+Metadata-Version: 2.4
+Name: tssetup
+Version: 1.0.0
+Summary: Bun + TypeScript フロントエンド環境を1コマンドで構築するツール
+Project-URL: Homepage, https://github.com/Lapius7/tssetup
+Project-URL: Issues, https://github.com/Lapius7/tssetup/issues
+Author-email: Lapius7 <me@lapius7.com>
+License: MIT
+Keywords: bun,cli,frontend,hot-reload,scaffold,typescript
+Classifier: Environment :: Console
+Classifier: Intended Audience :: Developers
+Classifier: License :: OSI Approved :: MIT License
+Classifier: Operating System :: Microsoft :: Windows
+Classifier: Programming Language :: Python :: 3
+Classifier: Topic :: Software Development :: Build Tools
+Requires-Python: >=3.9
+Description-Content-Type: text/markdown
+
+# tssetup
+
+PowerShellやCMDから1コマンドで、Bun + TypeScript の高速なフロントエンド開発環境（ホットリロードサーバー内蔵）を初期構築するツールです。
+
+## 🚀 特徴
+
+- **瞬時にプロジェクト開始:** フォルダ作成、`bun init`、`tsconfig.json` の設定、ホットリロードサーバースクリプトの作成を自動で一括実行します。
+- **多彩な初期テンプレート:**
+  - `default`: Destyle.css を内包したシンプルな構成（ダークモード対応）。
+  - `tailwind`: CDN版 Tailwind CSS が即座に使えるレイアウト構成。
+  - `router`: ライブラリを使わずに HTML5 History API を利用した、自作の超軽量 SPA ルーティング構成。
+  - `empty`: 最少構成（空の TypeScript ファイルとシンプルな HTML）。
+- **エディタ連携:** `--code` オプションを付けるだけで、作成したプロジェクトフォルダを VS Code で即座に開きます。
+- **自動バージョン確認:** 実行時に最新バージョンを確認し、更新がある場合は通知します。
+
+---
+
+## 🛠️ インストール方法
+
+**pip（推奨）:**
+
+```bash
+pip install tssetup
+```
+
+> [!NOTE]
+>
+> - PowerShell・CMD・Windows Terminal どれからでも使えます。
+> - 動作には **Python 3.9+** と **Bun** が必要です。
+
+---
+
+## ⚙️ 動作に必要な環境（依存関係）
+
+| ツール | 用途 | インストール |
+| :--- | :--- | :--- |
+| **Python 3.9+** | tssetup 本体の実行 | [python.org](https://www.python.org/) |
+| **Bun** | プロジェクト初期化・TSコンパイル | `powershell -c "irm bun.sh/install.ps1 \| iex"` |
+| **VS Code** (任意) | `--code` オプション使用時 | [code.visualstudio.com](https://code.visualstudio.com/) |
+
+---
+
+## ⚡ 使い方と全パラメータ一覧
+
+```bash
+tssetup <プロジェクト名> [--mode <モード名>] [--title <タイトル名>] [--code]
+```
+
+引数なしで実行するとバージョン情報・開発者情報のインフォ画面が表示されます。
+
+### パラメータ（引数）詳細
+
+| パラメータ | 短縮形 | 型 | 必須 | デフォルト値 | 説明 |
+| :--- | :--- | :--- | :--- | :--- | :--- |
+| `project_name` | - | string | **はい** | - | 作成するプロジェクトのフォルダ名 |
+| `--mode` | `-m` | string | いいえ | `default` | テンプレートモード（`default` / `tailwind` / `router` / `empty`） |
+| `--title` | `-t` | string | いいえ | `"Bun + TS App"` | `<title>` タグに埋め込むテキスト |
+| `--code` | `-c` | flag | いいえ | - | セットアップ完了後に VS Code で開く |
+| `--version` | `-v` | flag | いいえ | - | バージョンを表示 |
+| `--help` | `-h` | flag | いいえ | - | ヘルプを表示 |
+
+---
+
+### コマンド実行例
+
+```bash
+# 標準テンプレートで作成
+tssetup my-app
+
+# Tailwind CSS 組み込み + VS Code で開く
+tssetup my-app --mode tailwind --code
+
+# 自作 SPA ルーター構成
+tssetup my-app --mode router --title "マイSPAサイト"
+
+# 最小構成
+tssetup my-app --mode empty
+```
+
+---
+
+## 📁 作成されるファイル構成
+
+```
+my-app/
+├── src/
+│   └── index.ts        ← エントリポイント（--mode で内容が変わる）
+├── dist/               ← tsc が自動生成するJS出力先
+├── node_modules/       ← bun install が自動生成
+├── index.html          ← フロントエンドのHTML
+├── server.ts           ← ホットリロード対応の開発用Webサーバー
+├── tsconfig.json       ← TypeScript コンパイラ設定
+└── package.json        ← Bun プロジェクト設定
+```
+
+プロジェクト作成後は自動的にそのディレクトリへ移動します。そのまま `tsbuild` を実行すれば開発を始められます。
+
+---
+
+## 🔄 アップデート
+
+```bash
+pip install --upgrade tssetup
+```
+
+---
+
+## ✉️ 問い合わせ先
+
+- **X (旧Twitter):** [@Lapius7](https://x.com/Lapius7)
+- **GitHub Issues:** [Lapius7/tssetup/issues](https://github.com/Lapius7/tssetup/issues)
+
+---
+
+## ⚠️ 免責事項
+
+本ソフトウェアの使用によって生じた直接的・間接的な損害について、作者は一切の責任を負いません。自己責任のもとでご使用ください。
+
+---
+
+## 📄 ライセンス & コピーライト
+
+本プロジェクトは [MIT License](https://opensource.org/licenses/MIT) のもとで公開されています。
+
+Copyright (c) 2026 Lapius7

tssetup-1.0.0/README.md

@@ -0,0 +1,125 @@
+# tssetup
+
+PowerShellやCMDから1コマンドで、Bun + TypeScript の高速なフロントエンド開発環境（ホットリロードサーバー内蔵）を初期構築するツールです。
+
+## 🚀 特徴
+
+- **瞬時にプロジェクト開始:** フォルダ作成、`bun init`、`tsconfig.json` の設定、ホットリロードサーバースクリプトの作成を自動で一括実行します。
+- **多彩な初期テンプレート:**
+  - `default`: Destyle.css を内包したシンプルな構成（ダークモード対応）。
+  - `tailwind`: CDN版 Tailwind CSS が即座に使えるレイアウト構成。
+  - `router`: ライブラリを使わずに HTML5 History API を利用した、自作の超軽量 SPA ルーティング構成。
+  - `empty`: 最少構成（空の TypeScript ファイルとシンプルな HTML）。
+- **エディタ連携:** `--code` オプションを付けるだけで、作成したプロジェクトフォルダを VS Code で即座に開きます。
+- **自動バージョン確認:** 実行時に最新バージョンを確認し、更新がある場合は通知します。
+
+---
+
+## 🛠️ インストール方法
+
+**pip（推奨）:**
+
+```bash
+pip install tssetup
+```
+
+> [!NOTE]
+>
+> - PowerShell・CMD・Windows Terminal どれからでも使えます。
+> - 動作には **Python 3.9+** と **Bun** が必要です。
+
+---
+
+## ⚙️ 動作に必要な環境（依存関係）
+
+| ツール | 用途 | インストール |
+| :--- | :--- | :--- |
+| **Python 3.9+** | tssetup 本体の実行 | [python.org](https://www.python.org/) |
+| **Bun** | プロジェクト初期化・TSコンパイル | `powershell -c "irm bun.sh/install.ps1 \| iex"` |
+| **VS Code** (任意) | `--code` オプション使用時 | [code.visualstudio.com](https://code.visualstudio.com/) |
+
+---
+
+## ⚡ 使い方と全パラメータ一覧
+
+```bash
+tssetup <プロジェクト名> [--mode <モード名>] [--title <タイトル名>] [--code]
+```
+
+引数なしで実行するとバージョン情報・開発者情報のインフォ画面が表示されます。
+
+### パラメータ（引数）詳細
+
+| パラメータ | 短縮形 | 型 | 必須 | デフォルト値 | 説明 |
+| :--- | :--- | :--- | :--- | :--- | :--- |
+| `project_name` | - | string | **はい** | - | 作成するプロジェクトのフォルダ名 |
+| `--mode` | `-m` | string | いいえ | `default` | テンプレートモード（`default` / `tailwind` / `router` / `empty`） |
+| `--title` | `-t` | string | いいえ | `"Bun + TS App"` | `<title>` タグに埋め込むテキスト |
+| `--code` | `-c` | flag | いいえ | - | セットアップ完了後に VS Code で開く |
+| `--version` | `-v` | flag | いいえ | - | バージョンを表示 |
+| `--help` | `-h` | flag | いいえ | - | ヘルプを表示 |
+
+---
+
+### コマンド実行例
+
+```bash
+# 標準テンプレートで作成
+tssetup my-app
+
+# Tailwind CSS 組み込み + VS Code で開く
+tssetup my-app --mode tailwind --code
+
+# 自作 SPA ルーター構成
+tssetup my-app --mode router --title "マイSPAサイト"
+
+# 最小構成
+tssetup my-app --mode empty
+```
+
+---
+
+## 📁 作成されるファイル構成
+
+```
+my-app/
+├── src/
+│   └── index.ts        ← エントリポイント（--mode で内容が変わる）
+├── dist/               ← tsc が自動生成するJS出力先
+├── node_modules/       ← bun install が自動生成
+├── index.html          ← フロントエンドのHTML
+├── server.ts           ← ホットリロード対応の開発用Webサーバー
+├── tsconfig.json       ← TypeScript コンパイラ設定
+└── package.json        ← Bun プロジェクト設定
+```
+
+プロジェクト作成後は自動的にそのディレクトリへ移動します。そのまま `tsbuild` を実行すれば開発を始められます。
+
+---
+
+## 🔄 アップデート
+
+```bash
+pip install --upgrade tssetup
+```
+
+---
+
+## ✉️ 問い合わせ先
+
+- **X (旧Twitter):** [@Lapius7](https://x.com/Lapius7)
+- **GitHub Issues:** [Lapius7/tssetup/issues](https://github.com/Lapius7/tssetup/issues)
+
+---
+
+## ⚠️ 免責事項
+
+本ソフトウェアの使用によって生じた直接的・間接的な損害について、作者は一切の責任を負いません。自己責任のもとでご使用ください。
+
+---
+
+## 📄 ライセンス & コピーライト
+
+本プロジェクトは [MIT License](https://opensource.org/licenses/MIT) のもとで公開されています。
+
+Copyright (c) 2026 Lapius7

tssetup-1.0.0/install.ps1

@@ -0,0 +1,373 @@
+# 💡 インストールを実行するPowerShellスクリプト
+$functionName = "tssetup"
+$functionCode = @'
+function tssetup {
+    [CmdletBinding()]
+    param (
+        [Parameter(Mandatory = $false, Position = 0)][string]$ProjectName,
+        [Parameter(Mandatory = $false)][string]$Title = "Bun + TS App",
+        [Parameter(Mandatory = $false)]
+        [ValidateSet("default", "tailwind", "router", "empty")]
+        [string]$Mode = "default",
+        [Parameter(Mandatory = $false)][switch]$Help,
+        [Parameter(Mandatory = $false)][switch]$Code,
+        [Parameter(Mandatory = $false)][switch]$Uninstall
+    )
+
+    if ($Uninstall) {
+        Write-Host ""
+        Write-Host "⚠ tssetup をアンインストールします。本当によろしいですか？ (y/N): " -NoNewline -ForegroundColor Yellow
+        $confirm = Read-Host
+        if ($confirm -ne "y" -and $confirm -ne "Y") {
+            Write-Host "キャンセルしました。" -ForegroundColor DarkGray
+            return
+        }
+        $profileContent = Get-Content $PROFILE -Raw -ErrorAction SilentlyContinue
+        $n = "tssetup"
+        if ($profileContent -match "# <<BEGIN:${n}>>") {
+            $profileContent = $profileContent -replace "(?s)`n?# <<BEGIN:${n}>>.*?# <<END:${n}>>", ""
+            [System.IO.File]::WriteAllText($PROFILE, $profileContent.Trim(), [System.Text.UTF8Encoding]::new($true))
+            Remove-Item Function:tssetup -ErrorAction SilentlyContinue
+            Write-Host "✅ tssetup をアンインストールしました。" -ForegroundColor Green
+        } else {
+            Write-Host "⚠ tssetup はインストールされていません。" -ForegroundColor Yellow
+        }
+        return
+    }
+
+    $localVersion = "1.0.1"
+    $remoteVersion = $null
+    try {
+        $remoteVersion = (irm https://raw.githubusercontent.com/Lapius7/tssetup/main/version.txt -TimeoutSec 3 -ErrorAction Stop).Trim()
+        if ($remoteVersion -ne $localVersion) {
+            Write-Host "🔄 新しいバージョン ($remoteVersion) があります。自動更新しています..." -ForegroundColor Yellow
+            irm https://raw.githubusercontent.com/Lapius7/tssetup/main/install.ps1 | iex
+            Write-Host "✅ 更新完了！もう一度コマンドを実行してください。" -ForegroundColor Green
+            return
+        }
+    } catch {}
+
+    if ([string]::IsNullOrEmpty($ProjectName) -and -not $Help) {
+        Write-Host ""
+        Write-Host "🎨 tssetup" -ForegroundColor Cyan -NoNewline; Write-Host "  v$localVersion" -ForegroundColor DarkGray
+        Write-Host "Bun + TypeScript フロントエンド環境を1コマンドで構築するツール"
+        Write-Host ""
+        Write-Host "開発者  : " -NoNewline -ForegroundColor Yellow; Write-Host "Lapius7"
+        Write-Host "X       : " -NoNewline -ForegroundColor Yellow; Write-Host "https://x.com/Lapius7"
+        Write-Host "GitHub  : " -NoNewline -ForegroundColor Yellow; Write-Host "https://github.com/Lapius7/tssetup"
+        Write-Host ""
+        if ($null -ne $remoteVersion) {
+            if ($remoteVersion -eq $localVersion) {
+                Write-Host "バージョン  : $localVersion  " -NoNewline; Write-Host "✅ 最新です" -ForegroundColor Green
+            } else {
+                Write-Host "バージョン  : $localVersion  " -NoNewline; Write-Host "⬆ 最新: $remoteVersion" -ForegroundColor Yellow
+            }
+        } else {
+            Write-Host "バージョン  : $localVersion  " -NoNewline; Write-Host "(バージョン確認失敗)" -ForegroundColor DarkGray
+        }
+        Write-Host ""
+        Write-Host "使い方  : tssetup <プロジェクト名> [-Mode <モード>]" -ForegroundColor DarkGray
+        Write-Host "ヘルプ  : tssetup -Help" -ForegroundColor DarkGray
+        Write-Host ""
+        return
+    }
+
+    if ($Help) {
+        Write-Host "`n🎨 [tssetup] コマンドヘルプ" -ForegroundColor Cyan
+        Write-Host "==================================================" -ForegroundColor DarkGray
+        Write-Host "簡単にBun + TypeScriptのフロントエンド開発環境を構築します。"
+        Write-Host "`n使い方:" -ForegroundColor Yellow
+        Write-Host "  tssetup <プロジェクト名> [-Mode <モード名>] [-Title <タイトル>] [-Code]"
+        Write-Host "`nオプション:" -ForegroundColor Yellow
+        Write-Host "  -Mode [default]  : 標準テンプレート (Destyle.css内包・ダーク系)"
+        Write-Host "  -Mode [tailwind] : Tailwind CSS 組み込み (即開発可能レイアウト)"
+        Write-Host "  -Mode [router]   : ⚡ライブラリ不使用・自作SPAルーティング構成"
+        Write-Host "  -Mode [empty]    : 最少構成（空のTSファイルとシンプルなHTML）"
+        Write-Host "  -Title           : HTMLの <title> タグに設定する文字列"
+        Write-Host "  -Code            : セットアップ完了後、新しいVS Codeのウィンドウで開く"
+        Write-Host "  -Help            : このヘルプを表示します"
+        Write-Host "`n📁 作成されるファイル構成:" -ForegroundColor Yellow
+        Write-Host "  <プロジェクト名>/"
+        Write-Host "  ├── src/"
+        Write-Host "  │   └── index.ts        " -NoNewline; Write-Host "← エントリポイント（モード別で内容が異なる）" -ForegroundColor DarkGray
+        Write-Host "  ├── dist/               " -NoNewline; Write-Host "← コンパイル後JS（tsc が自動生成）" -ForegroundColor DarkGray
+        Write-Host "  ├── node_modules/       " -NoNewline; Write-Host "← bun install が自動生成" -ForegroundColor DarkGray
+        Write-Host "  ├── index.html          " -NoNewline; Write-Host "← フロントエンドHTML" -ForegroundColor DarkGray
+        Write-Host "  ├── server.ts           " -NoNewline; Write-Host "← 開発サーバー（ホットリロード対応）" -ForegroundColor DarkGray
+        Write-Host "  ├── tsconfig.json       " -NoNewline; Write-Host "← TypeScript設定" -ForegroundColor DarkGray
+        Write-Host "  └── package.json        " -NoNewline; Write-Host "← Bunプロジェクト設定" -ForegroundColor DarkGray
+        Write-Host "==================================================`n" -ForegroundColor DarkGray
+        return
+    }
+    
+    New-Item -ItemType Directory -Path "$ProjectName/src" -Force > $null
+    New-Item -ItemType Directory -Path "$ProjectName/dist" -Force > $null
+    Set-Location $ProjectName
+
+    Write-Host ""
+    Write-Host "🔨 " -NoNewline -ForegroundColor Cyan
+    Write-Host $ProjectName -NoNewline -ForegroundColor White
+    Write-Host " を構築中..." -ForegroundColor Cyan
+    Write-Host ""
+    Write-Host "  📁 src/ dist/ フォルダを作成しました" -ForegroundColor DarkGray
+
+    bun init -y > $null
+    if (Test-Path "index.ts") { Remove-Item "index.ts" -Force }
+    Write-Host "  📦 package.json" -NoNewline; Write-Host "   (bun init)" -ForegroundColor DarkGray
+
+    $tsconfig = '{
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "target": "es2020",
+    "module": "es2020",
+    "moduleResolution": "node",
+    "lib": ["es2020", "dom"],
+    "strict": true,
+    "skipLibCheck": true,
+    "isolatedModules": true
+  },
+  "include": ["src"]
+}'
+[System.IO.File]::WriteAllText((Join-Path (Get-Location) "tsconfig.json"), $tsconfig, [System.Text.UTF8Encoding]::new($false))
+    Write-Host "  ✅ tsconfig.json" -ForegroundColor Green
+
+$serverTs = 'import { watch, mkdirSync, existsSync } from "fs";
+const DEFAULT_PORT = 53000;
+
+async function findAvailablePort(startPort: number): Promise<number> {
+  let port = startPort;
+  while (port <= 65535) {
+    try {
+      const server = Bun.serve({ port, fetch() { return new Response(); } });
+      server.stop();
+      return port;
+    } catch { port++; }
+  }
+  return startPort;
+}
+
+const PORT = await findAvailablePort(DEFAULT_PORT);
+const sockets = new Set();
+
+const notifyReload = () => {
+  console.log("🔄 File changed! Reloading browser...");
+  for (const socket of sockets) { socket.send("reload"); }
+};
+if (!existsSync("./dist")) mkdirSync("./dist", { recursive: true });
+watch("./dist", { recursive: true }, notifyReload);
+watch("./index.html", notifyReload);
+
+Bun.serve({
+  port: PORT,
+  fetch(req, server) {
+    const url = new URL(req.url);
+    if (url.pathname === "/ws") {
+      if (server.upgrade(req)) return;
+      return new Response("Upgrade failed", { status: 400 });
+    }
+    let filePath = "." + url.pathname;
+    if (filePath === "./") filePath = "./index.html";
+    try {
+      const file = Bun.file(filePath);
+      return new Response(file);
+    } catch {
+      try {
+        return new Response(Bun.file("./index.html"));
+      } catch {
+        return new Response("404 Not Found", { status: 404 });
+      }
+    }
+  },
+  websocket: {
+    open(ws) { sockets.add(ws); },
+    close(ws) { sockets.delete(ws); }
+  }
+});
+console.log(`🌍 Bun Live Server running at http://localhost:${PORT}`);
+'
+[System.IO.File]::WriteAllText((Join-Path (Get-Location) "server.ts"), $serverTs, [System.Text.UTF8Encoding]::new($false))
+    Write-Host "  ✅ server.ts" -ForegroundColor Green
+
+$cdn ="<link rel=""stylesheet"" href=""https://cdn.jsdelivr.net/npm/destyle.css@3.0.2/destyle.min.css"">"
+$styles = "  <style>`n    body { font-family: 'Helvetica Neue', Arial, sans-serif; background-color: #0f172a; color: #f8fafc; display: grid; place-items: center; min-height: 100vh; margin: 0; }`n    #app { text-align: center; }`n    h1 { font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; background: linear-gradient(to right, #38bdf8, #818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }`n    p { color: #94a3b8; font-size: 1.1rem; }`n    code { background-color: #1e293b; padding: 0.2rem 0.4rem; border-radius: 0.25rem; color: #f43f5e; font-family: monospace; }`n  </style>"
+$bodyClass = ""
+$bodyHtml = "  <div id=""app""></div>"
+$bq = [char]96
+
+switch ($Mode) {
+  "empty" {
+    $cdn = ""; $styles = ""
+    $tsLines = @("console.log('Hello TypeScript!');")
+  }
+  "tailwind" {
+    $cdn = "<script src=""https://cdn.tailwindcss.com""></script>"
+    $styles = ""
+    $bodyClass = " class=""bg-slate-900 text-slate-100 min-h-screen grid place-items-center font-sans"""
+    $tsLines = @(
+      "const app = document.getElementById('app');"
+      "if (app) {"
+      "  app.innerHTML = ${bq}"
+      "    <div class='max-w-md p-8 bg-slate-800 rounded-2xl border border-slate-700 shadow-xl text-center'>"
+      "      <h1 class='text-3xl font-black mb-3 bg-gradient-to-r from-sky-400 to-blue-500 bg-clip-text text-transparent'>Tailwind Ready</h1>"
+      "      <p class='text-slate-400'>Edit <code class='bg-slate-950 text-rose-400 px-1.5 py-0.5 rounded text-sm font-mono'>src/index.ts</code> to start building your UI.</p>"
+      "    </div>"
+      "  ${bq};"
+      "}"
+    )
+  }
+  "router" {
+    $cdn = "<script src=""https://cdn.tailwindcss.com""></script>"
+    $styles = ""
+    $bodyClass = " class=""bg-slate-900 text-slate-100 min-h-screen font-sans flex flex-col"""
+    $bodyHtml = "  `n  <nav class='bg-slate-950 border-b border-slate-800 px-6 py-4 flex gap-6'>`n    <a href='/' class='nav-link text-sky-400 font-bold hover:text-sky-300'>🏠 Home</a>`n    <a href='/about' class='nav-link text-slate-400 font-bold hover:text-slate-200'>📄 About</a>`n    <a href='/setting' class='nav-link text-slate-400 font-bold hover:text-slate-200'>⚙️ Setting</a>`n  </nav>`n  `n  <main id='app' class='flex-1 grid place-items-center p-6'></main>"
+            
+    $tsLines = @(
+      "// ⚡ 自作SPAルーターの基本実装"
+      "const routes: Record<string, string> = {"
+      "  '/': '<div class=""text-center""><h1 class=""text-3xl font-bold text-sky-400 mb-2"">Home Page</h1><p class=""text-slate-400"">Welcome to the lightweight SPA initial template!</p></div>',"
+      "  '/about': '<div class=""text-center""><h1 class=""text-3xl font-bold text-indigo-400 mb-2"">About Page</h1><p class=""text-slate-400"">This router operates using pure HTML5 History API.</p></div>',"
+      "  '/setting': '<div class=""text-center""><h1 class=""text-3xl font-bold text-emerald-400 mb-2"">Setting Page</h1><p class=""text-slate-400"">Configure your system parameters here.</p></div>'"
+      "};"
+      ""
+      "const render = (path: string) => {"
+      "  const app = document.getElementById('app');"
+      "  if (app) app.innerHTML = routes[path] || '<h1 class=""text-2xl font-bold text-rose-500"">404 Not Found</h1>';"
+      "  "
+      "  document.querySelectorAll('.nav-link').forEach(link => {"
+      "    const href = link.getAttribute('href');"
+      "    if (href === path) {"
+      "      link.classList.replace('text-slate-400', 'text-sky-400');"
+      "    } else {"
+      "      link.classList.replace('text-sky-400', 'text-slate-400');"
+      "    }"
+      "  });"
+      "};"
+      ""
+      "const navigate = (path: string) => {"
+      "  window.history.pushState({}, '', path);"
+      "  render(path);"
+      "};"
+      ""
+      "window.addEventListener('popstate', () => render(window.location.pathname));"
+      ""
+      "document.addEventListener('click', (e) => {"
+      "  const target = e.target as HTMLElement;"
+      "  if (target.matches('.nav-link')) {"
+      "    e.preventDefault();"
+      "    const href = target.getAttribute('href');"
+      "    if (href) navigate(href);"
+      "  }"
+      "});"
+      ""
+      "render(window.location.pathname);"
+    )
+  }
+  default {
+    $tsLines = @(
+      "const app = document.getElementById('app');"
+      "if (app) {"
+      "  app.innerHTML = ${bq}"
+      "    <h1>✨ Bun + TypeScript Environment</h1>"
+      "    <p>Ready to develop! Edit <code>src/index.ts</code> to get started.</p>"
+      "  ${bq};"
+      "}"
+    )
+  }
+}
+
+$utf8NoBom = [System.Text.UTF8Encoding]::new($false)
+[System.IO.File]::WriteAllText((Join-Path (Get-Location) "src/index.ts"), ($tsLines -join "`n"), $utf8NoBom)
+    Write-Host "  ✅ src/index.ts" -ForegroundColor Green
+$html ="<!DOCTYPE html>`n<html lang=""ja"">`n<head>`n  <meta charset=""UTF-8"">`n  <meta name=""viewport"" content=""width=device-width, initial-scale=1.0"">`n  <title>$Title</title>`n  $cdn`n$styles`n</head>`n<body$bodyClass>`n$bodyHtml`n  <script type=""module"" src=""./dist/index.js""></script>`n  <script>`n    const ws = new WebSocket('ws://' + location.host + '/ws');`n    ws.onmessage = (e) => { if(e.data === 'reload') location.reload(); };`n  </script>`n</body>`n</html>"
+[System.IO.File]::WriteAllText((Join-Path (Get-Location) "index.html"), $html, $utf8NoBom)
+    Write-Host "  ✅ index.html" -ForegroundColor Green
+
+    Write-Host ""
+    Write-Host "  ──────────────────────────────────────────" -ForegroundColor DarkGray
+    Write-Host "  ✨ " -NoNewline
+    Write-Host $ProjectName -NoNewline -ForegroundColor Cyan
+    Write-Host "  セットアップ完了！" -ForegroundColor Green
+    Write-Host "  ──────────────────────────────────────────" -ForegroundColor DarkGray
+    Write-Host ""
+    Write-Host "  📁 $ProjectName/" -ForegroundColor Yellow
+    Write-Host "  ├── src/"
+    Write-Host "  │   └── index.ts"
+    Write-Host "  ├── dist/               " -NoNewline; Write-Host "← tsc が自動生成" -ForegroundColor DarkGray
+    Write-Host "  ├── index.html"
+    Write-Host "  ├── server.ts"
+    Write-Host "  ├── tsconfig.json"
+    Write-Host "  └── package.json"
+    Write-Host ""
+    Write-Host "  📂 $(Get-Location)" -ForegroundColor DarkGray
+    Write-Host ""
+    Write-Host "  🚀 次のステップ:" -ForegroundColor Cyan
+    Write-Host "     tsbuild" -NoNewline -ForegroundColor White
+    Write-Host "    開発サーバーを起動" -ForegroundColor DarkGray
+    Write-Host ""
+    if ($Code -and (Get-Command code -ErrorAction SilentlyContinue)) { code . }
+}
+'@
+
+if (!(Test-Path $PROFILE)) {
+    New-Item -Type File -Path $PROFILE -Force > $null
+}
+
+$profileContent = Get-Content $PROFILE -Raw -ErrorAction SilentlyContinue
+if ([string]::IsNullOrEmpty($profileContent)) { $profileContent = "" }
+
+$beginMarker = "# <<BEGIN:$functionName>>"
+$endMarker = "# <<END:$functionName>>"
+$markerPattern = "(?s)# <<BEGIN:$functionName>>.*# <<END:$functionName>>"
+
+if ($profileContent -match $markerPattern) {
+    $profileContent = $profileContent -replace $markerPattern, ""
+}
+$profileContent = $profileContent.Replace("# <<END:$functionName>>", "").Trim()
+
+if (-not ($profileContent -match "# <<BEGIN:$functionName>>") -and $profileContent -match "function\s+$functionName\b") {
+    Write-Host ""
+    Write-Host "⚠ 警告: マーカーのない旧バージョンの $functionName がプロファイルに存在します。" -ForegroundColor Yellow
+    Write-Host "  自動削除は行いません。以下を手動で実行してください：" -ForegroundColor Yellow
+    Write-Host ""
+    Write-Host "  1. メモ帳でプロファイルを開く：" -ForegroundColor Cyan
+    Write-Host "     notepad `$PROFILE" -ForegroundColor White
+    Write-Host "  2. 'function $functionName' から始まるブロックを手動で削除する" -ForegroundColor Cyan
+    Write-Host "  3. 保存後にこのインストールコマンドを再実行する" -ForegroundColor Cyan
+    Write-Host ""
+    return
+}
+
+$block = "$beginMarker`n$functionCode`n$endMarker"
+$newProfileContent = $profileContent.Trim() + "`n`n" + $block
+[System.IO.File]::WriteAllText($PROFILE, $newProfileContent.Trim(), [System.Text.UTF8Encoding]::new($true))
+
+# 即時反映のためにメモリ上の関数も更新する
+Invoke-Expression $functionCode
+
+Write-Host "✨ tssetup コマンドのインストール/更新が完了しました！" -ForegroundColor Green
+Write-Host ""
+Write-Host "📦 インストールコマンド（再インストール・更新時）:" -ForegroundColor Cyan
+Write-Host "  irm https://raw.githubusercontent.com/Lapius7/tssetup/main/install.ps1 | iex"
+Write-Host ""
+Write-Host "📋 使い方:" -ForegroundColor Cyan
+Write-Host "  tssetup <プロジェクト名> [-Mode <モード>] [-Title <タイトル>] [-Code]"
+Write-Host ""
+Write-Host "  tssetup myapp                         " -NoNewline; Write-Host "# 標準テンプレートで作成" -ForegroundColor DarkGray
+Write-Host "  tssetup myapp -Mode tailwind          " -NoNewline; Write-Host "# Tailwind CSS 組み込み" -ForegroundColor DarkGray
+Write-Host "  tssetup myapp -Mode router            " -NoNewline; Write-Host "# 自作SPA ルーター構成" -ForegroundColor DarkGray
+Write-Host "  tssetup myapp -Mode empty             " -NoNewline; Write-Host "# 最小構成" -ForegroundColor DarkGray
+Write-Host "  tssetup myapp -Title ""My App"" -Code  " -NoNewline; Write-Host "# タイトル指定 + VS Code 起動" -ForegroundColor DarkGray
+Write-Host ""
+Write-Host "📁 作成されるファイル構成:" -ForegroundColor Cyan
+Write-Host "  <プロジェクト名>/"
+Write-Host "  ├── src/"
+Write-Host "  │   └── index.ts        " -NoNewline; Write-Host "← エントリポイント（モード別で内容が異なる）" -ForegroundColor DarkGray
+Write-Host "  ├── dist/               " -NoNewline; Write-Host "← コンパイル後JS（tsc が自動生成）" -ForegroundColor DarkGray
+Write-Host "  ├── node_modules/       " -NoNewline; Write-Host "← bun install が自動生成" -ForegroundColor DarkGray
+Write-Host "  ├── index.html          " -NoNewline; Write-Host "← フロントエンドHTML" -ForegroundColor DarkGray
+Write-Host "  ├── server.ts           " -NoNewline; Write-Host "← 開発サーバー（ホットリロード対応）" -ForegroundColor DarkGray
+Write-Host "  ├── tsconfig.json       " -NoNewline; Write-Host "← TypeScript設定" -ForegroundColor DarkGray
+Write-Host "  └── package.json        " -NoNewline; Write-Host "← Bunプロジェクト設定" -ForegroundColor DarkGray
+Write-Host ""
+Write-Host "新しいPowerShellウィンドウを開くか、 '. `$PROFILE' を実行して即時反映させてください。" -ForegroundColor Yellow

tssetup-1.0.0/pyproject.toml

@@ -0,0 +1,28 @@
+[build-system]
+requires = ["hatchling"]
+build-backend = "hatchling.build"
+
+[project]
+name = "tssetup"
+version = "1.0.0"
+description = "Bun + TypeScript フロントエンド環境を1コマンドで構築するツール"
+readme = "README.md"
+requires-python = ">=3.9"
+license = { text = "MIT" }
+authors = [{ name = "Lapius7", email = "me@lapius7.com" }]
+keywords = ["bun", "typescript", "frontend", "scaffold", "cli", "hot-reload"]
+classifiers = [
+    "Environment :: Console",
+    "Intended Audience :: Developers",
+    "Programming Language :: Python :: 3",
+    "License :: OSI Approved :: MIT License",
+    "Operating System :: Microsoft :: Windows",
+    "Topic :: Software Development :: Build Tools",
+]
+
+[project.scripts]
+tssetup = "tssetup.__main__:main"
+
+[project.urls]
+Homepage = "https://github.com/Lapius7/tssetup"
+Issues   = "https://github.com/Lapius7/tssetup/issues"

tssetup-1.0.0/tssetup/__init__.py

@@ -0,0 +1 @@
+__version__ = "1.0.0"

tssetup-1.0.0/tssetup/__main__.py

@@ -0,0 +1,174 @@
+import argparse
+import os
+import sys
+import subprocess
+import shutil
+import urllib.request
+from pathlib import Path
+from typing import Optional
+from . import __version__
+from .templates import TSCONFIG, SERVER_TS, INDEX_TS, get_html
+
+# --- Console setup (Windows: enable ANSI + force UTF-8) ---
+
+def _setup_console():
+    if sys.platform == "win32":
+        try:
+            import ctypes
+            ctypes.windll.kernel32.SetConsoleMode(
+                ctypes.windll.kernel32.GetStdHandle(-11), 7)
+        except Exception:
+            pass
+    if hasattr(sys.stdout, "reconfigure"):
+        sys.stdout.reconfigure(encoding="utf-8", errors="replace")
+        sys.stderr.reconfigure(encoding="utf-8", errors="replace")
+
+_setup_console()
+
+R = "\033[0m"
+CYAN   = "\033[36m"
+GREEN  = "\033[32m"
+YELLOW = "\033[33m"
+WHITE  = "\033[97m"
+GRAY   = "\033[90m"
+
+def c(text, color): return f"{color}{text}{R}"
+
+
+# --- Version check ---
+
+def fetch_remote_version() -> Optional[str]:
+    try:
+        url = "https://raw.githubusercontent.com/Lapius7/tssetup/main/version.txt"
+        with urllib.request.urlopen(url, timeout=3) as r:
+            return r.read().decode().strip()
+    except Exception:
+        return None
+
+
+# --- Info screen ---
+
+def show_info(remote: Optional[str]):
+    print()
+    print(c("🎨 tssetup", CYAN) + c(f"  v{__version__}", GRAY))
+    print("Bun + TypeScript フロントエンド環境を1コマンドで構築するツール")
+    print()
+    print(c("開発者  : ", YELLOW) + "Lapius7")
+    print(c("X       : ", YELLOW) + "https://x.com/Lapius7")
+    print(c("GitHub  : ", YELLOW) + "https://github.com/Lapius7/tssetup")
+    print()
+    if remote is None:
+        print(f"バージョン  : {__version__}  " + c("(バージョン確認失敗)", GRAY))
+    elif remote == __version__:
+        print(f"バージョン  : {__version__}  " + c("✅ 最新です", GREEN))
+    else:
+        print(f"バージョン  : {__version__}  " + c(f"⬆ 最新: {remote}", YELLOW))
+    print()
+    print(c("使い方  : tssetup <プロジェクト名> [--mode <モード>]", GRAY))
+    print(c("ヘルプ  : tssetup --help", GRAY))
+    print()
+
+
+# --- Project creation ---
+
+def create_project(name: str, mode: str, title: str, code: bool):
+    project_dir = Path(name)
+
+    print()
+    print(c("🔨 ", CYAN) + c(name, WHITE) + c(" を構築中...", CYAN))
+    print()
+
+    (project_dir / "src").mkdir(parents=True, exist_ok=True)
+    (project_dir / "dist").mkdir(parents=True, exist_ok=True)
+    print(c("  📁 src/ dist/ フォルダを作成しました", GRAY))
+
+    os.chdir(project_dir)
+
+    subprocess.run(["bun", "init", "-y"], capture_output=True)
+    stale = Path("index.ts")
+    if stale.exists():
+        stale.unlink()
+    print("  📦 package.json" + c("   (bun init)", GRAY))
+
+    Path("tsconfig.json").write_text(TSCONFIG, encoding="utf-8")
+    print(c("  ✅ tsconfig.json", GREEN))
+
+    Path("server.ts").write_text(SERVER_TS, encoding="utf-8")
+    print(c("  ✅ server.ts", GREEN))
+
+    Path("src/index.ts").write_text(INDEX_TS[mode], encoding="utf-8")
+    print(c("  ✅ src/index.ts", GREEN))
+
+    Path("index.html").write_text(get_html(mode, title), encoding="utf-8")
+    print(c("  ✅ index.html", GREEN))
+
+    print()
+    print(c("  ──────────────────────────────────────────", GRAY))
+    print("  ✨ " + c(name, CYAN) + c("  セットアップ完了！", GREEN))
+    print(c("  ──────────────────────────────────────────", GRAY))
+    print()
+    print(c(f"  📁 {name}/", YELLOW))
+    print("  ├── src/")
+    print("  │   └── index.ts")
+    print("  ├── dist/               " + c("← tsc が自動生成", GRAY))
+    print("  ├── index.html")
+    print("  ├── server.ts")
+    print("  ├── tsconfig.json")
+    print("  └── package.json")
+    print()
+    print(c(f"  📂 {Path.cwd()}", GRAY))
+    print()
+    print(c("  🚀 次のステップ:", CYAN))
+    print("     " + c("tsbuild", WHITE) + c("    開発サーバーを起動", GRAY))
+    print()
+
+    if code and shutil.which("code"):
+        subprocess.run(["code", "."])
+
+
+# --- Entry point ---
+
+def main():
+    parser = argparse.ArgumentParser(
+        prog="tssetup",
+        description="Bun + TypeScript フロントエンド環境を1コマンドで構築するツール",
+        add_help=False,
+    )
+    parser.add_argument("project_name", nargs="?", help="作成するプロジェクトのフォルダ名")
+    parser.add_argument("--mode", "-m",
+                        choices=["default", "tailwind", "router", "empty"],
+                        default="default",
+                        help="テンプレートモード (default/tailwind/router/empty)")
+    parser.add_argument("--title", "-t", default="Bun + TS App",
+                        help="HTMLの <title> タグに埋め込む文字列")
+    parser.add_argument("--code", "-c", action="store_true",
+                        help="セットアップ完了後に VS Code で開く")
+    parser.add_argument("--version", "-v", action="store_true",
+                        help="バージョンを表示")
+    parser.add_argument("--help", "-h", action="store_true",
+                        help="ヘルプを表示")
+
+    args = parser.parse_args()
+
+    if args.version:
+        print(f"tssetup v{__version__}")
+        return
+
+    remote = fetch_remote_version()
+
+    if remote and remote != __version__:
+        print()
+        print(c(f"🔄 新しいバージョン ({remote}) があります。pip install --upgrade tssetup で更新できます。", YELLOW))
+
+    if args.help or not args.project_name:
+        if not args.project_name:
+            show_info(remote)
+        if args.help or not args.project_name:
+            parser.print_help()
+        return
+
+    create_project(args.project_name, args.mode, args.title, args.code)
+
+
+if __name__ == "__main__":
+    main()

tssetup-1.0.0/tssetup/templates.py

@@ -0,0 +1,180 @@
+TSCONFIG = '''{
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./dist",
+    "target": "es2020",
+    "module": "es2020",
+    "moduleResolution": "node",
+    "lib": ["es2020", "dom"],
+    "strict": true,
+    "skipLibCheck": true,
+    "isolatedModules": true
+  },
+  "include": ["src"]
+}'''
+
+SERVER_TS = '''import { watch, mkdirSync, existsSync } from "fs";
+const DEFAULT_PORT = 53000;
+
+async function findAvailablePort(startPort: number): Promise<number> {
+  let port = startPort;
+  while (port <= 65535) {
+    try {
+      const server = Bun.serve({ port, fetch() { return new Response(); } });
+      server.stop();
+      return port;
+    } catch { port++; }
+  }
+  return startPort;
+}
+
+const PORT = await findAvailablePort(DEFAULT_PORT);
+const sockets = new Set<any>();
+
+const notifyReload = () => {
+  console.log("\\u{1F504} File changed! Reloading browser...");
+  for (const socket of sockets) { socket.send("reload"); }
+};
+
+if (!existsSync("./dist")) mkdirSync("./dist", { recursive: true });
+watch("./dist", { recursive: true }, notifyReload);
+watch("./index.html", notifyReload);
+
+Bun.serve({
+  port: PORT,
+  fetch(req: Request, server: any) {
+    const url = new URL(req.url);
+    if (url.pathname === "/ws") {
+      if (server.upgrade(req)) return;
+      return new Response("Upgrade failed", { status: 400 });
+    }
+    let filePath = "." + url.pathname;
+    if (filePath === "./") filePath = "./index.html";
+    try {
+      return new Response(Bun.file(filePath));
+    } catch {
+      try { return new Response(Bun.file("./index.html")); }
+      catch { return new Response("404 Not Found", { status: 404 }); }
+    }
+  },
+  websocket: {
+    open(ws: any) { sockets.add(ws); },
+    close(ws: any) { sockets.delete(ws); }
+  }
+});
+console.log(`\\u{1F30D} Bun Live Server running at http://localhost:${PORT}`);
+'''
+
+INDEX_TS = {
+    "default": '''const app = document.getElementById('app');
+if (app) {
+  app.innerHTML = `
+    <h1>✨ Bun + TypeScript Environment</h1>
+    <p>Ready to develop! Edit <code>src/index.ts</code> to get started.</p>
+  `;
+}''',
+
+    "tailwind": '''const app = document.getElementById('app');
+if (app) {
+  app.innerHTML = `
+    <div class='max-w-md p-8 bg-slate-800 rounded-2xl border border-slate-700 shadow-xl text-center'>
+      <h1 class='text-3xl font-black mb-3 bg-gradient-to-r from-sky-400 to-blue-500 bg-clip-text text-transparent'>Tailwind Ready</h1>
+      <p class='text-slate-400'>Edit <code class='bg-slate-950 text-rose-400 px-1.5 py-0.5 rounded text-sm font-mono'>src/index.ts</code> to start building your UI.</p>
+    </div>
+  `;
+}''',
+
+    "router": '''// ⚡ 自作SPAルーターの基本実装
+const routes: Record<string, string> = {
+  '/': '<div class="text-center"><h1 class="text-3xl font-bold text-sky-400 mb-2">Home Page</h1><p class="text-slate-400">Welcome to the lightweight SPA initial template!</p></div>',
+  '/about': '<div class="text-center"><h1 class="text-3xl font-bold text-indigo-400 mb-2">About Page</h1><p class="text-slate-400">This router operates using pure HTML5 History API.</p></div>',
+  '/setting': '<div class="text-center"><h1 class="text-3xl font-bold text-emerald-400 mb-2">Setting Page</h1><p class="text-slate-400">Configure your system parameters here.</p></div>'
+};
+
+const render = (path: string) => {
+  const app = document.getElementById('app');
+  if (app) app.innerHTML = routes[path] || '<h1 class="text-2xl font-bold text-rose-500">404 Not Found</h1>';
+  document.querySelectorAll('.nav-link').forEach(link => {
+    const href = link.getAttribute('href');
+    link.classList.toggle('text-sky-400', href === path);
+    link.classList.toggle('text-slate-400', href !== path);
+  });
+};
+
+const navigate = (path: string) => { window.history.pushState({}, '', path); render(path); };
+
+window.addEventListener('popstate', () => render(window.location.pathname));
+document.addEventListener('click', (e) => {
+  const target = e.target as HTMLElement;
+  if (target.matches('.nav-link')) {
+    e.preventDefault();
+    const href = target.getAttribute('href');
+    if (href) navigate(href);
+  }
+});
+
+render(window.location.pathname);''',
+
+    "empty": "console.log('Hello TypeScript!');",
+}
+
+DESTYLE_CDN = '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/destyle.css@3.0.2/destyle.min.css">'
+TAILWIND_CDN = '<script src="https://cdn.tailwindcss.com"></script>'
+
+DEFAULT_STYLES = """  <style>
+    body { font-family: 'Helvetica Neue', Arial, sans-serif; background-color: #0f172a; color: #f8fafc; display: grid; place-items: center; min-height: 100vh; margin: 0; }
+    #app { text-align: center; }
+    h1 { font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; background: linear-gradient(to right, #38bdf8, #818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
+    p { color: #94a3b8; font-size: 1.1rem; }
+    code { background-color: #1e293b; padding: 0.2rem 0.4rem; border-radius: 0.25rem; color: #f43f5e; font-family: monospace; }
+  </style>"""
+
+HOTRELOAD_SCRIPT = """  <script>
+    const ws = new WebSocket('ws://' + location.host + '/ws');
+    ws.onmessage = (e) => { if(e.data === 'reload') location.reload(); };
+  </script>"""
+
+
+def get_html(mode: str, title: str) -> str:
+    if mode == "tailwind":
+        cdn = TAILWIND_CDN
+        styles = ""
+        body_class = ' class="bg-slate-900 text-slate-100 min-h-screen grid place-items-center font-sans"'
+        body_content = '  <div id="app"></div>'
+    elif mode == "router":
+        cdn = TAILWIND_CDN
+        styles = ""
+        body_class = ' class="bg-slate-900 text-slate-100 min-h-screen font-sans flex flex-col"'
+        body_content = """  <nav class="bg-slate-950 border-b border-slate-800 px-6 py-4 flex gap-6">
+    <a href="/" class="nav-link text-sky-400 font-bold hover:text-sky-300">\U0001f3e0 Home</a>
+    <a href="/about" class="nav-link text-slate-400 font-bold hover:text-slate-200">\U0001f4c4 About</a>
+    <a href="/setting" class="nav-link text-slate-400 font-bold hover:text-slate-200">⚙️ Setting</a>
+  </nav>
+  <main id="app" class="flex-1 grid place-items-center p-6"></main>"""
+    elif mode == "empty":
+        cdn = ""
+        styles = ""
+        body_class = ""
+        body_content = '  <div id="app"></div>'
+    else:  # default
+        cdn = DESTYLE_CDN
+        styles = DEFAULT_STYLES
+        body_class = ""
+        body_content = '  <div id="app"></div>'
+
+    cdn_line = f"\n  {cdn}" if cdn else ""
+    styles_line = f"\n{styles}" if styles else ""
+
+    return f"""<!DOCTYPE html>
+<html lang="ja">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{title}</title>{cdn_line}{styles_line}
+</head>
+<body{body_class}>
+{body_content}
+  <script type="module" src="./dist/index.js"></script>
+{HOTRELOAD_SCRIPT}
+</body>
+</html>"""

tssetup-1.0.0/version.txt

@@ -0,0 +1 @@
+1.0.0