create-teact 0.1.0-alpha.7 → 0.1.0-alpha.8

package/README.md

@@ -2,6 +2,8 @@
 
 Interactive project scaffolder for Teact. The fastest way to start a new Telegram bot.
 
+Uses **`@teactjs/bot-templates`** for generated files — the same templates as `teact create` from `@teactjs/cli`.
+
 ## Usage
 
 ```bash
@@ -18,56 +20,52 @@ pnpm create teact my-bot
 ## What It Does
 
 1. Prompts for a project name (if not provided as an argument)
-2. Lets you pick a template: `router`, `counter`, `full`, or `empty`
-3. Lets you select features: storage, conversations, streaming, auth, i18n, payments
+2. Lets you pick a template: **Starter**, **Showcase**, **Counter**, or **Empty**
+3. Lets you select plugins: storage, conversations, streaming, auth, i18n, payments (Showcase pre-selects all; Starter starts with none)
 4. Asks which package manager to use (`bun`, `npm`, or `pnpm`)
-5. Asks whether to install dependencies
-6. Generates the project with `package.json`, `tsconfig.json`, `teact.config.ts`, `.env`, `.gitignore`, and `src/` files
-7. Feature pages are wired into the router and main menu automatically
+5. Asks whether to install dependencies (install output is shown in the terminal)
+6. Generates `package.json`, `tsconfig.json`, `teact.config.ts`, `.env`, `.gitignore`, and `src/` files
 
 ## Templates
 
-| Template | Description |
-|----------|-------------|
-| `router` | Multi-page bot with routing and pages directory (recommended) |
-| `counter` | Minimal counter bot with inline keyboard |
-| `full` | Router + all features pre-wired (storage, conversations, streaming, auth, i18n, payments) |
-| `empty` | Bare project with no pages |
+| Template | CLI flag | Description |
+|----------|-----------|-------------|
+| **Starter** | `starter` or `router` | Main menu + About; add routes by enabling features |
+| **Showcase** | `showcase` or `full` | Full demo (Pokedex, showcase pages, guards, commands with deep links) — features control which plugins are enabled |
+| **Counter** | `counter` | Single-screen counter |
+| **Empty** | `empty` | One message, no router |
 
 ## Features
 
-When you pick the `router` template, you can opt into features:
-
 | Feature | What it adds |
-|---------|-------------|
-| Storage | `teact.config.ts` with `storagePlugin`, Settings page with `useStorage` |
-| Conversations | `conversationsPlugin` in config |
-| Streaming | `streamPlugin` in config, StreamDemo page with `useStream` |
-| Auth | `authPlugin` in config |
-| i18n | Locale JSON files, LanguagePage with `useLocale`, `createI18n` in index |
-| Payments | StorePage with `useInvoice`, `PAYMENT_PROVIDER_TOKEN` in `.env` |
+|---------|----------------|
+| Storage | `storagePlugin`, Settings page with `useStorage` |
+| Conversations | `conversationsPlugin`; full component tour in Showcase when enabled |
+| Streaming | `streamPlugin`, StreamDemo with `useStream` |
+| Auth | `authPlugin`, guarded secret routes + login flow (Showcase) |
+| i18n | Locale JSON, `LanguagePage`, `createI18n` |
+| Payments | `StorePage` with `useInvoice`, `PAYMENT_PROVIDER_TOKEN` in `.env` |
+
+## Showcase layout (when that template is selected)
+
+Includes `src/commands.ts` (`/start` deep links, `/help` with inline buttons), nested Pokémon routes, `NotFoundPage`, example middleware, and `experimental: {}` on `createBot` — aligned with `examples/showcase-bot`.
 
-## Generated Structure
+## Generated structure (varies by template)
 
 ```
 my-bot/
-├── teact.config.ts       # Plugin configuration
+├── teact.config.ts
 ├── package.json
 ├── tsconfig.json
-├── .env                  # Bot token + provider token
+├── .env
 ├── .gitignore
 └── src/
-    ├── index.tsx          # Bot entry — router, commands, providers
+    ├── index.tsx
+    ├── commands.ts          # (Showcase)
+    ├── api/                 # (Showcase — PokeAPI)
+    ├── hooks/
     ├── pages/
-    │   ├── MainMenu.tsx   # Home page with feature buttons
-    │   ├── About.tsx
-    │   ├── Settings.tsx   # (storage)
-    │   ├── StreamDemo.tsx # (streaming)
-    │   ├── LanguagePage.tsx # (i18n)
-    │   └── StorePage.tsx  # (payments)
-    └── locales/           # (i18n)
-        ├── en.json
-        └── am.json
+    └── locales/             # (i18n)
 ```
 
 ## After Scaffolding
@@ -80,5 +78,6 @@ bun dev
 
 ## See Also
 
+- [`@teactjs/bot-templates`](../bot-templates) — template implementation
 - [`@teactjs/cli`](../cli) for the full CLI tool
 - [Root README](../../README.md) for getting started

package/index.ts

@@ -3,9 +3,29 @@
 import { mkdirSync, writeFileSync, existsSync } from 'fs';
 import { resolve, join } from 'path';
 import * as p from '@clack/prompts';
+import {
+  buildDependencies,
+  buildEnvContent,
+  defaultFeaturesForTemplate,
+  getTemplateFiles,
+  normalizeTemplate,
+  TEMPLATE_SELECT_OPTIONS,
+  FEATURE_SELECT_OPTIONS,
+  type TemplateId,
+} from '@teactjs/bot-templates';
 
 const args = process.argv.slice(2);
 
+async function runInstall(pm: string, cwd: string): Promise<number> {
+  const proc = Bun.spawn([pm, 'install'], {
+    cwd,
+    stdout: 'inherit',
+    stderr: 'inherit',
+    stdin: 'inherit',
+  });
+  return proc.exited.then(() => proc.exitCode ?? 1);
+}
+
 async function main() {
   p.intro('create-teact');
 
@@ -27,29 +47,20 @@ async function main() {
     process.exit(1);
   }
 
-  const template = await p.select({
+  const templateRaw = await p.select({
     message: 'Pick a template',
-    options: [
-      { value: 'router', label: 'Router', hint: 'multi-page bot with navigation (recommended)' },
-      { value: 'counter', label: 'Counter', hint: 'simple stateful counter' },
-      { value: 'full', label: 'Full-Stack', hint: 'router + all features pre-wired' },
-      { value: 'empty', label: 'Empty', hint: 'bare minimum' },
-    ],
+    options: [...TEMPLATE_SELECT_OPTIONS],
   }) as string;
 
-  if (p.isCancel(template)) { p.cancel('Cancelled'); process.exit(0); }
+  if (p.isCancel(templateRaw)) { p.cancel('Cancelled'); process.exit(0); }
+
+  const template: TemplateId = normalizeTemplate(templateRaw);
 
+  const initial = defaultFeaturesForTemplate(template);
   const features = await p.multiselect({
-    message: 'Select features',
-    options: [
-      { value: 'storage', label: 'Storage', hint: 'persistent state with useStorage' },
-      { value: 'conversations', label: 'Conversations', hint: 'multi-step flows' },
-      { value: 'streaming', label: 'Streaming', hint: 'live text updates with useStream' },
-      { value: 'auth', label: 'Auth', hint: 'role-based access + useAuthSession' },
-      { value: 'i18n', label: 'Internationalization', hint: 'multi-language with i18next' },
-      { value: 'payments', label: 'Payments', hint: 'Telegram payments with useInvoice' },
-    ],
-    initialValues: template === 'full' ? ['storage', 'conversations', 'streaming', 'auth', 'i18n', 'payments'] : [],
+    message: 'Plugins & integrations (toggle what you need)',
+    options: [...FEATURE_SELECT_OPTIONS],
+    initialValues: initial,
     required: false,
   }) as string[];
 
@@ -74,20 +85,7 @@ async function main() {
 
   mkdirSync(join(dir, 'src', 'pages'), { recursive: true });
 
-  const has = (f: string) => template === 'full' || features.includes(f);
-
-  const deps: Record<string, string> = {
-    '@teactjs/core': '^0.1.0-alpha.7',
-    '@teactjs/ui': '^0.1.0-alpha.7',
-    '@teactjs/telegram': '^0.1.0-alpha.7',
-    '@teactjs/cli': '^0.1.0-alpha.7',
-    react: '^19.0.0',
-  };
-  if (has('storage')) deps['@teactjs/storage'] = '^0.1.0-alpha.7';
-  if (has('i18n')) {
-    deps['i18next'] = '^23.0.0';
-    deps['react-i18next'] = '^15.0.0';
-  }
+  const { dependencies, devDependencies } = buildDependencies(template, features);
 
   writeFileSync(join(dir, 'package.json'), JSON.stringify({
     name,
@@ -99,12 +97,8 @@ async function main() {
       build: 'teact build',
       start: 'bun run dist/index.js',
     },
-    dependencies: deps,
-    devDependencies: {
-      typescript: '^5.7.0',
-      '@types/bun': 'latest',
-      '@types/react': '^19.0.0',
-    },
+    dependencies,
+    devDependencies,
   }, null, 2));
 
   writeFileSync(join(dir, 'tsconfig.json'), JSON.stringify({
@@ -120,16 +114,13 @@ async function main() {
       skipLibCheck: true,
       resolveJsonModule: true,
     },
-    include: ['src'],
+    include: ['src', 'teact.config.ts'],
   }, null, 2));
 
-  let envContent = 'TELEGRAM_BOT_TOKEN=\n';
-  if (has('payments')) envContent += 'PAYMENT_PROVIDER_TOKEN=\n';
-
-  writeFileSync(join(dir, '.env'), envContent);
+  writeFileSync(join(dir, '.env'), buildEnvContent(features));
   writeFileSync(join(dir, '.gitignore'), 'node_modules/\ndist/\n.env\n.teact/\n*.log\n.DS_Store\n');
 
-  const files = buildFiles(template, features);
+  const files = getTemplateFiles(template, features);
   for (const [filePath, content] of Object.entries(files)) {
     const fullPath = join(dir, filePath);
     mkdirSync(resolve(fullPath, '..'), { recursive: true });
@@ -139,13 +130,12 @@ async function main() {
   spin.stop('Project generated');
 
   if (shouldInstall) {
-    const installSpin = p.spinner();
-    installSpin.start(`Installing with ${pm}`);
-    try {
-      const proc = Bun.spawnSync([pm, 'install'], { cwd: dir, stderr: 'pipe', stdout: 'pipe' });
-      installSpin.stop(proc.exitCode === 0 ? 'Dependencies installed' : 'Install failed — run manually');
-    } catch {
-      installSpin.stop('Install failed — run manually');
+    p.log.info(`Installing dependencies with ${pm}…`);
+    const code = await runInstall(pm, dir);
+    if (code === 0) {
+      p.log.success('Dependencies installed');
+    } else {
+      p.log.warn('Install failed — run the package manager manually in the project folder');
     }
   }
 
@@ -162,397 +152,6 @@ async function main() {
   p.outro('Happy building!');
 }
 
-// ---- File generators ----
-
-function buildFiles(template: string, features: string[]): Record<string, string> {
-  const has = (f: string) => template === 'full' || features.includes(f);
-
-  if (template === 'counter') return counterFiles();
-  if (template === 'empty') return emptyFiles();
-
-  return routerFiles(has);
-}
-
-function emptyFiles(): Record<string, string> {
-  return {
-    'src/index.tsx': `import { createBot } from '@teactjs/core';
-import { Message } from '@teactjs/ui';
-import { TelegramAdapter } from '@teactjs/telegram';
-
-function App() {
-  return <Message text="Hello from Teact!" />;
-}
-
-const bot = createBot({
-  component: App,
-  adapter: new TelegramAdapter(),
-  commands: { start: { description: 'Start the bot' } },
-});
-
-bot.start();
-`,
-  };
-}
-
-function counterFiles(): Record<string, string> {
-  return {
-    'src/index.tsx': `import { useState } from 'react';
-import { createBot } from '@teactjs/core';
-import { Message, Button, InlineKeyboard, ButtonRow } from '@teactjs/ui';
-import { TelegramAdapter } from '@teactjs/telegram';
-
-function App() {
-  const [count, setCount] = useState(0);
-
-  return (
-    <Message text={\`Count: \${count}\`}>
-      <InlineKeyboard>
-        <ButtonRow>
-          <Button text="-1" onClick={() => setCount(c => c - 1)} />
-          <Button text={\`[ \${count} ]\`} onClick={() => {}} />
-          <Button text="+1" onClick={() => setCount(c => c + 1)} />
-        </ButtonRow>
-        <ButtonRow>
-          <Button text="Reset" onClick={() => setCount(0)} />
-        </ButtonRow>
-      </InlineKeyboard>
-    </Message>
-  );
-}
-
-const bot = createBot({
-  component: App,
-  adapter: new TelegramAdapter(),
-  commands: { start: { description: 'Start the counter' } },
-});
-
-bot.start();
-`,
-  };
-}
-
-function routerFiles(has: (f: string) => boolean): Record<string, string> {
-  const files: Record<string, string> = {};
-
-  // ---- teact.config.ts ----
-  const configPlugins: string[] = [];
-  const configImportsCore: string[] = ['defineConfig'];
-  const configImportsTelegram: string[] = [];
-  const configImportsStorage: string[] = [];
-
-  if (has('storage')) {
-    configImportsStorage.push('storagePlugin');
-    configPlugins.push("storagePlugin({ driver: 'file', path: '.teact/storage.json' })");
-  }
-  if (has('conversations')) {
-    configImportsTelegram.push('conversationsPlugin');
-    configPlugins.push('conversationsPlugin()');
-  }
-  if (has('streaming')) {
-    configImportsTelegram.push('streamPlugin');
-    configPlugins.push('streamPlugin()');
-  }
-  if (has('auth')) {
-    configImportsCore.push('authPlugin');
-    configPlugins.push('authPlugin({ admins: [] })');
-  }
-
-  let configSrc = `import { ${configImportsCore.join(', ')} } from '@teactjs/core';\n`;
-  if (configImportsTelegram.length > 0) {
-    configSrc += `import { ${configImportsTelegram.join(', ')} } from '@teactjs/telegram';\n`;
-  }
-  if (configImportsStorage.length > 0) {
-    configSrc += `import { ${configImportsStorage.join(', ')} } from '@teactjs/storage';\n`;
-  }
-  configSrc += `\nexport default defineConfig({\n  mode: 'polling',\n`;
-  if (configPlugins.length > 0) {
-    configSrc += `\n  plugins: [\n    ${configPlugins.join(',\n    ')},\n  ],\n`;
-  }
-  configSrc += `});\n`;
-  files['teact.config.ts'] = configSrc;
-
-  // ---- Routes and pages ----
-  const routes: Array<{ path: string; component: string; file: string }> = [
-    { path: '/', component: 'MainMenu', file: './pages/MainMenu' },
-    { path: '/about', component: 'About', file: './pages/About' },
-  ];
-  const commands: Record<string, string> = {
-    start: "'/'",
-    about: "'/about'",
-  };
-
-  if (has('storage')) {
-    routes.push({ path: '/settings', component: 'Settings', file: './pages/Settings' });
-    commands['settings'] = "'/settings'";
-  }
-  if (has('streaming')) {
-    routes.push({ path: '/stream', component: 'StreamDemo', file: './pages/StreamDemo' });
-    commands['stream'] = "'/stream'";
-  }
-  if (has('i18n')) {
-    routes.push({ path: '/language', component: 'LanguagePage', file: './pages/LanguagePage' });
-    commands['language'] = "'/language'";
-  }
-  if (has('payments')) {
-    routes.push({ path: '/store', component: 'StorePage', file: './pages/StorePage' });
-    commands['store'] = "'/store'";
-  }
-
-  // ---- src/index.tsx ----
-  let indexSrc = `import React from 'react';\n`;
-  indexSrc += `import { createBot, createRouter${has('i18n') ? ', createI18n' : ''} } from '@teactjs/core';\n`;
-  indexSrc += `import { TelegramAdapter } from '@teactjs/telegram';\n\n`;
-
-  for (const r of routes) {
-    indexSrc += `import { ${r.component} } from '${r.file}';\n`;
-  }
-
-  if (has('i18n')) {
-    indexSrc += `\nimport en from './locales/en.json';\nimport am from './locales/am.json';\n`;
-    indexSrc += `\nconst i18n = createI18n({\n  defaultLocale: 'en',\n  resources: {\n    en: { translation: en },\n    am: { translation: am },\n  },\n});\n`;
-  }
-
-  indexSrc += `\nconst router = createRouter({\n`;
-  for (const r of routes) {
-    indexSrc += `  '${r.path}': ${r.component},\n`;
-  }
-  indexSrc += `});\n`;
-
-  indexSrc += `\nconst bot = createBot({\n  adapter: new TelegramAdapter(),\n  router,\n`;
-  if (has('i18n')) {
-    indexSrc += `  providers: ({ children }) => (\n    <i18n.Provider>{children}</i18n.Provider>\n  ),\n`;
-  }
-  indexSrc += `  commands: {\n`;
-  for (const [cmd, route] of Object.entries(commands)) {
-    indexSrc += `    ${cmd}: { description: '${cmd.charAt(0).toUpperCase() + cmd.slice(1)}', route: ${route} },\n`;
-  }
-  indexSrc += `  },\n});\n\nbot.start();\n`;
-  files['src/index.tsx'] = indexSrc;
-
-  // ---- MainMenu ----
-  const menuButtons: string[] = [];
-  menuButtons.push(`          <Button text="ℹ️ About" onClick={() => navigate('/about')} />`);
-  if (has('storage')) menuButtons.push(`          <Button text="⚙️ Settings" onClick={() => navigate('/settings')} />`);
-  if (has('streaming')) menuButtons.push(`          <Button text="⚡ Stream Demo" onClick={() => navigate('/stream')} />`);
-  if (has('i18n')) menuButtons.push(`          <Button text="🌐 Language" onClick={() => navigate('/language')} />`);
-  if (has('payments')) menuButtons.push(`          <Button text="💎 Store" onClick={() => navigate('/store')} />`);
-
-  const menuRows: string[] = [];
-  for (let i = 0; i < menuButtons.length; i += 2) {
-    const pair = menuButtons.slice(i, i + 2);
-    menuRows.push(`        <ButtonRow>\n${pair.join('\n')}\n        </ButtonRow>`);
-  }
-
-  files['src/pages/MainMenu.tsx'] = `import { useNavigate } from '@teactjs/core';
-import { Message, Button, InlineKeyboard, ButtonRow } from '@teactjs/ui';
-
-export function MainMenu() {
-  const navigate = useNavigate();
-
-  return (
-    <Message text="🤖 Welcome!\\n\\nPick an option:">
-      <InlineKeyboard>
-${menuRows.join('\n')}
-      </InlineKeyboard>
-    </Message>
-  );
-}
-`;
-
-  // ---- About ----
-  files['src/pages/About.tsx'] = `import { useNavigate } from '@teactjs/core';
-import { Message, Button, InlineKeyboard, ButtonRow } from '@teactjs/ui';
-
-export function About() {
-  const navigate = useNavigate();
-
-  return (
-    <Message text="ℹ️ About\\n\\nBuilt with Teact — React for Telegram bots.\\nhttps://github.com/leuliance/teact">
-      <InlineKeyboard>
-        <ButtonRow>
-          <Button text="🏠 Menu" onClick={() => navigate('/')} />
-        </ButtonRow>
-      </InlineKeyboard>
-    </Message>
-  );
-}
-`;
-
-  // ---- Settings (storage) ----
-  if (has('storage')) {
-    files['src/pages/Settings.tsx'] = `import { useNavigate } from '@teactjs/core';
-import { useStorage } from '@teactjs/storage';
-import { Message, Button, InlineKeyboard, ButtonRow } from '@teactjs/ui';
-
-export function Settings() {
-  const navigate = useNavigate();
-  const [theme, setTheme] = useStorage('theme', 'light');
-  const [notify, setNotify] = useStorage('notifications', true);
-
-  return (
-    <Message text={\`⚙️ Settings\\n\\n🎨 Theme: \${theme}\\n🔔 Notifications: \${notify ? 'On' : 'Off'}\`}>
-      <InlineKeyboard>
-        <ButtonRow>
-          <Button text={\`🎨 \${theme}\`} onClick={() => setTheme(t => t === 'light' ? 'dark' : 'light')} />
-          <Button text={\`🔔 \${notify ? 'On' : 'Off'}\`} onClick={() => setNotify(n => !n)} />
-        </ButtonRow>
-        <ButtonRow>
-          <Button text="🏠 Menu" onClick={() => navigate('/')} />
-        </ButtonRow>
-      </InlineKeyboard>
-    </Message>
-  );
-}
-`;
-  }
-
-  // ---- StreamDemo ----
-  if (has('streaming')) {
-    files['src/pages/StreamDemo.tsx'] = `import { useNavigate, useStream } from '@teactjs/core';
-import { Message, Button, InlineKeyboard, ButtonRow } from '@teactjs/ui';
-
-const delay = (ms: number) => new Promise(r => setTimeout(r, ms));
-
-async function* generateText() {
-  yield 'Generating';
-  await delay(500);
-  yield ' your ';
-  await delay(500);
-  yield 'response...\\n\\n';
-  await delay(600);
-  yield 'Hello from the stream!';
-}
-
-export function StreamDemo() {
-  const navigate = useNavigate();
-  const { text, isStreaming, stream } = useStream({ throttleMs: 400 });
-
-  return (
-    <Message text={text || '⚡ Stream Demo\\n\\nWatch text generate live!'}>
-      <InlineKeyboard>
-        <ButtonRow>
-          <Button
-            text={isStreaming ? '⏳ Streaming...' : '▶️ Start Stream'}
-            onClick={() => { if (!isStreaming) stream(generateText()); }}
-          />
-        </ButtonRow>
-        <ButtonRow>
-          <Button text="🏠 Menu" onClick={() => navigate('/')} />
-        </ButtonRow>
-      </InlineKeyboard>
-    </Message>
-  );
-}
-`;
-  }
-
-  // ---- LanguagePage (i18n) ----
-  if (has('i18n')) {
-    files['src/locales/en.json'] = `{
-  "welcome": "Welcome!",
-  "about": "About this bot",
-  "settings": "Settings",
-  "language": "Language",
-  "back": "Back"
-}
-`;
-    files['src/locales/am.json'] = `{
-  "welcome": "እንኳን ደህና መጡ!",
-  "about": "ስለ ቦት",
-  "settings": "ቅንብሮች",
-  "language": "ቋንቋ",
-  "back": "ተመለስ"
-}
-`;
-    files['src/pages/LanguagePage.tsx'] = `import { useNavigate, useLocale } from '@teactjs/core';
-import { Message, Button, InlineKeyboard, ButtonRow } from '@teactjs/ui';
-
-export function LanguagePage() {
-  const navigate = useNavigate();
-  const { t, locale, setLocale } = useLocale();
-
-  return (
-    <Message text={\`🌐 \${t('language')}\\n\\nCurrent: \${locale}\`}>
-      <InlineKeyboard>
-        <ButtonRow>
-          <Button text="🇬🇧 English" onClick={() => setLocale('en')} />
-          <Button text="🇪🇹 አማርኛ" onClick={() => setLocale('am')} />
-        </ButtonRow>
-        <ButtonRow>
-          <Button text="🏠 Menu" onClick={() => navigate('/')} />
-        </ButtonRow>
-      </InlineKeyboard>
-    </Message>
-  );
-}
-`;
-  }
-
-  // ---- StorePage (payments) ----
-  if (has('payments')) {
-    files['src/pages/StorePage.tsx'] = `import { useNavigate, useInvoice } from '@teactjs/core';
-import { Message, Button, InlineKeyboard, ButtonRow, Alert } from '@teactjs/ui';
-
-export function StorePage() {
-  const navigate = useNavigate();
-  const invoice = useInvoice({
-    title: 'Premium Access',
-    description: 'Unlock all features for 30 days',
-    payload: 'premium-30d',
-    providerToken: process.env.PAYMENT_PROVIDER_TOKEN ?? '',
-    currency: 'USD',
-    prices: [{ label: 'Premium (30 days)', amount: 499 }],
-  });
-
-  if (invoice.status === 'success') {
-    return (
-      <Message text={\`✅ Payment successful!\\n\\nCharge ID: \${invoice.receipt?.telegramPaymentChargeId}\`}>
-        <InlineKeyboard>
-          <ButtonRow>
-            <Button text="🏠 Menu" onClick={() => navigate('/')} />
-          </ButtonRow>
-        </InlineKeyboard>
-      </Message>
-    );
-  }
-
-  if (invoice.status === 'failed') {
-    return (
-      <>
-        <Alert variant="error" title="Payment Failed">
-          {invoice.error ?? 'Unknown error'}
-        </Alert>
-        <Message text="Please check your payment configuration.">
-          <InlineKeyboard>
-            <ButtonRow>
-              <Button text="🔄 Retry" onClick={invoice.send} />
-              <Button text="🏠 Menu" onClick={() => navigate('/')} />
-            </ButtonRow>
-          </InlineKeyboard>
-        </Message>
-      </>
-    );
-  }
-
-  return (
-    <Message text={\`💎 Premium Access\\n\\nUnlock all features.\\n💰 Price: $4.99\${invoice.status === 'pending' ? '\\n\\n⏳ Processing...' : ''}\`}>
-      <InlineKeyboard>
-        <ButtonRow>
-          <Button text="💳 Buy — $4.99" onClick={invoice.send} />
-        </ButtonRow>
-        <ButtonRow>
-          <Button text="🏠 Menu" onClick={() => navigate('/')} />
-        </ButtonRow>
-      </InlineKeyboard>
-    </Message>
-  );
-}
-`;
-  }
-
-  return files;
-}
-
 main().catch((err) => {
   console.error(err);
   process.exit(1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-teact",
-  "version": "0.1.0-alpha.7",
+  "version": "0.1.0-alpha.8",
   "description": "Create a new Teact bot project — scaffolds a ready-to-run Telegram bot",
   "type": "module",
   "bin": {
@@ -8,7 +8,8 @@
   },
   "files": ["index.ts", "README.md"],
   "dependencies": {
-    "@clack/prompts": "^1.1.0"
+    "@clack/prompts": "^1.1.0",
+    "@teactjs/bot-templates": "workspace:*"
   },
   "license": "MIT"
 }