codeblog-app 0.2.0 → 0.4.0

package/src/cli/cmd/chat.ts

@@ -0,0 +1,171 @@
+import type { CommandModule } from "yargs"
+import { AIChat } from "../../ai/chat"
+import { AIProvider } from "../../ai/provider"
+import { UI } from "../ui"
+import readline from "readline"
+
+export const ChatCommand: CommandModule = {
+  command: "chat",
+  aliases: ["c"],
+  describe: "Interactive AI chat — write posts, analyze code, browse the forum",
+  builder: (yargs) =>
+    yargs
+      .option("model", {
+        alias: "m",
+        describe: "Model to use (e.g. claude-sonnet-4-20250514, gpt-4o)",
+        type: "string",
+      })
+      .option("prompt", {
+        alias: "p",
+        describe: "Single prompt (non-interactive mode)",
+        type: "string",
+      }),
+  handler: async (args) => {
+    const modelID = args.model as string | undefined
+
+    // Non-interactive: single prompt
+    if (args.prompt) {
+      try {
+        await AIChat.stream(
+          [{ role: "user", content: args.prompt as string }],
+          {
+            onToken: (token) => process.stdout.write(token),
+            onFinish: () => process.stdout.write("\n"),
+            onError: (err) => UI.error(err.message),
+          },
+          modelID,
+        )
+      } catch (err) {
+        UI.error(err instanceof Error ? err.message : String(err))
+        process.exitCode = 1
+      }
+      return
+    }
+
+    // Interactive REPL
+    const modelInfo = AIProvider.BUILTIN_MODELS[modelID || AIProvider.DEFAULT_MODEL]
+    const modelName = modelInfo?.name || modelID || AIProvider.DEFAULT_MODEL
+
+    console.log("")
+    console.log(`  ${UI.Style.TEXT_HIGHLIGHT_BOLD}CodeBlog AI Chat${UI.Style.TEXT_NORMAL}`)
+    console.log(`  ${UI.Style.TEXT_DIM}Model: ${modelName}${UI.Style.TEXT_NORMAL}`)
+    console.log(`  ${UI.Style.TEXT_DIM}Type your message. Commands: /help /model /clear /exit${UI.Style.TEXT_NORMAL}`)
+    console.log("")
+
+    const messages: AIChat.Message[] = []
+    const rl = readline.createInterface({
+      input: process.stdin,
+      output: process.stdout,
+      prompt: `${UI.Style.TEXT_HIGHLIGHT}❯ ${UI.Style.TEXT_NORMAL}`,
+    })
+
+    let currentModel = modelID
+
+    rl.prompt()
+
+    rl.on("line", async (line) => {
+      const input = line.trim()
+      if (!input) {
+        rl.prompt()
+        return
+      }
+
+      // Handle commands
+      if (input.startsWith("/")) {
+        const cmd = input.split(" ")[0]
+        const rest = input.slice(cmd.length).trim()
+
+        if (cmd === "/exit" || cmd === "/quit" || cmd === "/q") {
+          console.log("")
+          UI.info("Bye!")
+          rl.close()
+          return
+        }
+
+        if (cmd === "/clear") {
+          messages.length = 0
+          console.log(`  ${UI.Style.TEXT_DIM}Chat history cleared${UI.Style.TEXT_NORMAL}`)
+          rl.prompt()
+          return
+        }
+
+        if (cmd === "/model") {
+          if (rest) {
+            currentModel = rest
+              console.log(`  ${UI.Style.TEXT_SUCCESS}Model: ${rest}${UI.Style.TEXT_NORMAL}`)
+          } else {
+            const current = AIProvider.BUILTIN_MODELS[currentModel || AIProvider.DEFAULT_MODEL]
+            console.log(`  ${UI.Style.TEXT_DIM}Current: ${current?.name || currentModel || AIProvider.DEFAULT_MODEL}${UI.Style.TEXT_NORMAL}`)
+            console.log(`  ${UI.Style.TEXT_DIM}Built-in: ${Object.keys(AIProvider.BUILTIN_MODELS).join(", ")}${UI.Style.TEXT_NORMAL}`)
+            console.log(`  ${UI.Style.TEXT_DIM}Any model from models.dev works too (e.g. anthropic/claude-sonnet-4-20250514)${UI.Style.TEXT_NORMAL}`)
+          }
+          rl.prompt()
+          return
+        }
+
+        if (cmd === "/help") {
+          console.log("")
+          console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Commands${UI.Style.TEXT_NORMAL}`)
+          console.log(`  ${UI.Style.TEXT_DIM}/model [id]${UI.Style.TEXT_NORMAL}   Switch or show model`)
+          console.log(`  ${UI.Style.TEXT_DIM}/clear${UI.Style.TEXT_NORMAL}        Clear chat history`)
+          console.log(`  ${UI.Style.TEXT_DIM}/exit${UI.Style.TEXT_NORMAL}         Exit chat`)
+          console.log("")
+          console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Tips${UI.Style.TEXT_NORMAL}`)
+          console.log(`  ${UI.Style.TEXT_DIM}Ask me to write a blog post, analyze code, draft comments,${UI.Style.TEXT_NORMAL}`)
+          console.log(`  ${UI.Style.TEXT_DIM}summarize discussions, or generate tags and titles.${UI.Style.TEXT_NORMAL}`)
+          console.log("")
+          rl.prompt()
+          return
+        }
+
+        console.log(`  ${UI.Style.TEXT_DIM}Unknown command: ${cmd}. Type /help${UI.Style.TEXT_NORMAL}`)
+        rl.prompt()
+        return
+      }
+
+      // Send message to AI
+      messages.push({ role: "user", content: input })
+
+      console.log("")
+      process.stdout.write(`  ${UI.Style.TEXT_INFO}`)
+
+      try {
+        let response = ""
+        await AIChat.stream(
+          messages,
+          {
+            onToken: (token) => {
+              process.stdout.write(token)
+              response += token
+            },
+            onFinish: () => {
+              process.stdout.write(UI.Style.TEXT_NORMAL)
+              console.log("")
+              console.log("")
+            },
+            onError: (err) => {
+              process.stdout.write(UI.Style.TEXT_NORMAL)
+              console.log("")
+              UI.error(err.message)
+            },
+          },
+          currentModel,
+        )
+        messages.push({ role: "assistant", content: response })
+      } catch (err) {
+        process.stdout.write(UI.Style.TEXT_NORMAL)
+        console.log("")
+        UI.error(err instanceof Error ? err.message : String(err))
+      }
+
+      rl.prompt()
+    })
+
+    rl.on("close", () => {
+      process.exit(0)
+    })
+
+    // Keep process alive
+    await new Promise(() => {})
+  },
+}

package/src/cli/cmd/config.ts

@@ -0,0 +1,103 @@
+import type { CommandModule } from "yargs"
+import { Config } from "../../config"
+import { AIProvider } from "../../ai/provider"
+import { UI } from "../ui"
+
+export const ConfigCommand: CommandModule = {
+  command: "config",
+  describe: "Configure AI provider and model settings",
+  builder: (yargs) =>
+    yargs
+      .option("provider", {
+        describe: "AI provider: anthropic, openai, google",
+        type: "string",
+      })
+      .option("api-key", {
+        describe: "API key for the provider",
+        type: "string",
+      })
+      .option("model", {
+        describe: "Default model ID",
+        type: "string",
+      })
+      .option("list", {
+        describe: "List available models and their status",
+        type: "boolean",
+        default: false,
+      }),
+  handler: async (args) => {
+    try {
+      if (args.list) {
+        const models = await AIProvider.available()
+        const providers = await AIProvider.listProviders()
+
+        console.log("")
+        console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Providers${UI.Style.TEXT_NORMAL} ${UI.Style.TEXT_DIM}(${Object.keys(providers).length} from models.dev)${UI.Style.TEXT_NORMAL}`)
+        console.log("")
+
+        const configured = Object.entries(providers).filter(([, p]) => p.hasKey)
+        const unconfigured = Object.entries(providers).filter(([, p]) => !p.hasKey)
+
+        if (configured.length > 0) {
+          console.log(`  ${UI.Style.TEXT_SUCCESS}Configured:${UI.Style.TEXT_NORMAL}`)
+          for (const [id, p] of configured) {
+            console.log(`    ${UI.Style.TEXT_SUCCESS}✓${UI.Style.TEXT_NORMAL} ${UI.Style.TEXT_NORMAL_BOLD}${p.name}${UI.Style.TEXT_NORMAL} ${UI.Style.TEXT_DIM}(${p.models.length} models)${UI.Style.TEXT_NORMAL}`)
+          }
+          console.log("")
+        }
+
+        console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Built-in Models${UI.Style.TEXT_NORMAL}`)
+        console.log("")
+        for (const { model, hasKey } of models) {
+          const status = hasKey ? `${UI.Style.TEXT_SUCCESS}✓${UI.Style.TEXT_NORMAL}` : `${UI.Style.TEXT_DIM}✗${UI.Style.TEXT_NORMAL}`
+          console.log(`  ${status}  ${UI.Style.TEXT_NORMAL_BOLD}${model.name}${UI.Style.TEXT_NORMAL} ${UI.Style.TEXT_DIM}(${model.id})${UI.Style.TEXT_NORMAL}`)
+          console.log(`       ${UI.Style.TEXT_DIM}${model.providerID} · ${(model.contextWindow / 1000).toFixed(0)}k context${UI.Style.TEXT_NORMAL}`)
+        }
+        console.log("")
+        console.log(`  ${UI.Style.TEXT_DIM}✓ = API key configured, ✗ = needs key${UI.Style.TEXT_NORMAL}`)
+        console.log(`  ${UI.Style.TEXT_DIM}Set key: codeblog config --provider anthropic --api-key sk-...${UI.Style.TEXT_NORMAL}`)
+        console.log(`  ${UI.Style.TEXT_DIM}Any model from models.dev can be used with provider/model format${UI.Style.TEXT_NORMAL}`)
+        console.log("")
+        return
+      }
+
+      if (args.provider && args.apiKey) {
+        const provider = args.provider as string
+        const cfg = await Config.load() as Record<string, unknown>
+        const providers = (cfg.providers || {}) as Record<string, Record<string, string>>
+        providers[provider] = { ...providers[provider], api_key: args.apiKey as string }
+        await Config.save({ ...cfg, providers } as unknown as Config.CodeblogConfig)
+        UI.success(`${provider} API key saved`)
+        return
+      }
+
+      if (args.model) {
+        const model = args.model as string
+        const cfg = await Config.load() as Record<string, unknown>
+        await Config.save({ ...cfg, model } as unknown as Config.CodeblogConfig)
+        UI.success(`Default model set to ${model}`)
+        return
+      }
+
+      // Show current config
+      const cfg = await Config.load() as Record<string, unknown>
+      const model = (cfg.model as string) || AIProvider.DEFAULT_MODEL
+      const providers = (cfg.providers || {}) as Record<string, Record<string, string>>
+
+      console.log("")
+      console.log(`  ${UI.Style.TEXT_NORMAL_BOLD}Current Config${UI.Style.TEXT_NORMAL}`)
+      console.log("")
+      console.log(`  Model:     ${UI.Style.TEXT_HIGHLIGHT}${model}${UI.Style.TEXT_NORMAL}`)
+      console.log(`  API URL:   ${cfg.api_url || "https://codeblog.ai"}`)
+      console.log("")
+      for (const [id, p] of Object.entries(providers)) {
+        const masked = p.api_key ? p.api_key.slice(0, 8) + "..." : "not set"
+        console.log(`  ${id}: ${UI.Style.TEXT_DIM}${masked}${UI.Style.TEXT_NORMAL}`)
+      }
+      console.log("")
+    } catch (err) {
+      UI.error(`Config failed: ${err instanceof Error ? err.message : String(err)}`)
+      process.exitCode = 1
+    }
+  },
+}

package/src/cli/cmd/tui.ts

@@ -0,0 +1,20 @@
+import type { CommandModule } from "yargs"
+
+export const TuiCommand: CommandModule = {
+  command: "tui",
+  aliases: ["ui"],
+  describe: "Launch interactive TUI — browse feed, chat with AI, manage posts",
+  builder: (yargs) =>
+    yargs
+      .option("model", {
+        alias: "m",
+        describe: "Default AI model",
+        type: "string",
+      }),
+  handler: async (args) => {
+    const { tui } = await import("../../tui/app")
+    await tui({
+      onExit: async () => {},
+    })
+  },
+}

package/src/index.ts

@@ -27,8 +27,12 @@ import { FollowCommand } from "./cli/cmd/follow"
 import { MyPostsCommand } from "./cli/cmd/myposts"
 import { EditCommand } from "./cli/cmd/edit"
 import { DeleteCommand } from "./cli/cmd/delete"
+import { ChatCommand } from "./cli/cmd/chat"
+import { ConfigCommand } from "./cli/cmd/config"
+import { AIPublishCommand } from "./cli/cmd/ai-publish"
+import { TuiCommand } from "./cli/cmd/tui"
 
-const VERSION = "0.2.0"
+const VERSION = "0.4.0"
 
 process.on("unhandledRejection", (e) => {
   Log.Default.error("rejection", {
@@ -93,6 +97,12 @@ const cli = yargs(hideBin(process.argv))
   // Scan & Publish
   .command(ScanCommand)
   .command(PublishCommand)
+  .command(AIPublishCommand)
+  // AI
+  .command(ChatCommand)
+  .command(ConfigCommand)
+  // TUI
+  .command(TuiCommand)
   // Account
   .command(NotificationsCommand)
   .command(DashboardCommand)

package/src/tui/app.tsx

@@ -0,0 +1,109 @@
+import { render, useKeyboard, useRenderer, useTerminalDimensions } from "@opentui/solid"
+import { Switch, Match, onMount } from "solid-js"
+import { RouteProvider, useRoute } from "./context/route"
+import { ExitProvider, useExit } from "./context/exit"
+import { Home } from "./routes/home"
+import { Chat } from "./routes/chat"
+import { Trending } from "./routes/trending"
+import { Search } from "./routes/search"
+
+export function tui(input: { onExit?: () => Promise<void> }) {
+  return new Promise<void>(async (resolve) => {
+    render(
+      () => (
+        <ExitProvider onExit={async () => { await input.onExit?.(); resolve() }}>
+          <RouteProvider>
+            <App />
+          </RouteProvider>
+        </ExitProvider>
+      ),
+      {
+        targetFps: 30,
+        exitOnCtrlC: false,
+        autoFocus: false,
+        openConsoleOnError: false,
+      },
+    )
+  })
+}
+
+function App() {
+  const route = useRoute()
+  const exit = useExit()
+  const dimensions = useTerminalDimensions()
+  const renderer = useRenderer()
+
+  onMount(() => {
+    renderer.setTerminalTitle("CodeBlog")
+  })
+
+  useKeyboard((evt) => {
+    if (evt.ctrl && evt.name === "c") {
+      exit()
+      evt.preventDefault()
+      return
+    }
+
+    if (evt.name === "q" && !evt.ctrl && route.data.type === "home") {
+      exit()
+      evt.preventDefault()
+      return
+    }
+
+    if (evt.name === "c" && route.data.type === "home") {
+      route.navigate({ type: "chat" })
+      evt.preventDefault()
+      return
+    }
+
+    if (evt.name === "t" && route.data.type === "home") {
+      route.navigate({ type: "search", query: "" })
+      // reuse search route as trending for now
+      route.navigate({ type: "search", query: "__trending__" })
+      evt.preventDefault()
+      return
+    }
+
+    if (evt.name === "s" && route.data.type === "home") {
+      route.navigate({ type: "search", query: "" })
+      evt.preventDefault()
+      return
+    }
+
+    if (evt.name === "escape" && route.data.type !== "home") {
+      route.navigate({ type: "home" })
+      evt.preventDefault()
+      return
+    }
+  })
+
+  return (
+    <box flexDirection="column" width="100%" height="100%">
+      <Switch>
+        <Match when={route.data.type === "home"}>
+          <Home />
+        </Match>
+        <Match when={route.data.type === "chat"}>
+          <Chat />
+        </Match>
+        <Match when={route.data.type === "search" && (route.data as any).query === "__trending__"}>
+          <Trending />
+        </Match>
+        <Match when={route.data.type === "search"}>
+          <Search />
+        </Match>
+      </Switch>
+
+      {/* Status bar */}
+      <box paddingLeft={2} paddingRight={2} paddingTop={1} paddingBottom={1} flexShrink={0} flexDirection="row">
+        <text fg="#6a737c">
+          {route.data.type === "home"
+            ? "c:chat  s:search  t:trending  q:quit"
+            : "esc:back  ctrl+c:exit"}
+        </text>
+        <box flexGrow={1} />
+        <text fg="#6a737c">codeblog v0.4.0</text>
+      </box>
+    </box>
+  )
+}

package/src/tui/context/exit.tsx

@@ -0,0 +1,15 @@
+import { useRenderer } from "@opentui/solid"
+import { createSimpleContext } from "./helper"
+
+export const { use: useExit, provider: ExitProvider } = createSimpleContext({
+  name: "Exit",
+  init: (input: { onExit?: () => Promise<void> }) => {
+    const renderer = useRenderer()
+    return async () => {
+      renderer.setTerminalTitle("")
+      renderer.destroy()
+      await input.onExit?.()
+      process.exit(0)
+    }
+  },
+})

package/src/tui/context/helper.tsx

@@ -0,0 +1,25 @@
+import { createContext, Show, useContext, type ParentProps } from "solid-js"
+
+export function createSimpleContext<T, Props extends Record<string, any>>(input: {
+  name: string
+  init: ((input: Props) => T) | (() => T)
+}) {
+  const ctx = createContext<T>()
+
+  return {
+    provider: (props: ParentProps<Props>) => {
+      const init = input.init(props)
+      return (
+        // @ts-expect-error
+        <Show when={init.ready === undefined || init.ready === true}>
+          <ctx.Provider value={init}>{props.children}</ctx.Provider>
+        </Show>
+      )
+    },
+    use() {
+      const value = useContext(ctx)
+      if (!value) throw new Error(`${input.name} context must be used within a context provider`)
+      return value
+    },
+  }
+}

package/src/tui/context/route.tsx

@@ -0,0 +1,20 @@
+import { createStore } from "solid-js/store"
+import { createSimpleContext } from "./helper"
+
+export type HomeRoute = { type: "home" }
+export type ChatRoute = { type: "chat"; sessionMessages?: Array<{ role: string; content: string }> }
+export type PostRoute = { type: "post"; postId: string }
+export type SearchRoute = { type: "search"; query: string }
+
+export type Route = HomeRoute | ChatRoute | PostRoute | SearchRoute
+
+export const { use: useRoute, provider: RouteProvider } = createSimpleContext({
+  name: "Route",
+  init: () => {
+    const [store, setStore] = createStore<Route>({ type: "home" })
+    return {
+      get data() { return store },
+      navigate(route: Route) { setStore(route) },
+    }
+  },
+})

package/src/tui/routes/chat.tsx

@@ -0,0 +1,136 @@
+import { createSignal, For, Show } from "solid-js"
+import { useKeyboard } from "@opentui/solid"
+import { useRoute } from "../context/route"
+
+interface Message {
+  role: "user" | "assistant"
+  content: string
+}
+
+export function Chat() {
+  const route = useRoute()
+  const [messages, setMessages] = createSignal<Message[]>([])
+  const [streaming, setStreaming] = createSignal(false)
+  const [streamText, setStreamText] = createSignal("")
+  const [model, setModel] = createSignal("claude-sonnet-4-20250514")
+  const [inputBuf, setInputBuf] = createSignal("")
+  const [inputMode, setInputMode] = createSignal(true)
+
+  async function send(text: string) {
+    if (!text.trim()) return
+    const userMsg: Message = { role: "user", content: text.trim() }
+    const prev = messages()
+    setMessages([...prev, userMsg])
+    setStreaming(true)
+    setStreamText("")
+
+    try {
+      const { AIChat } = await import("../../ai/chat")
+      const allMsgs = [...prev, userMsg].map((m) => ({
+        role: m.role as "user" | "assistant",
+        content: m.content,
+      }))
+
+      let full = ""
+      await AIChat.stream(
+        allMsgs,
+        {
+          onToken: (token) => {
+            full += token
+            setStreamText(full)
+          },
+          onFinish: (t) => {
+            setMessages((p) => [...p, { role: "assistant", content: t }])
+            setStreamText("")
+            setStreaming(false)
+          },
+          onError: (err) => {
+            setMessages((p) => [...p, { role: "assistant", content: `Error: ${err.message}` }])
+            setStreaming(false)
+          },
+        },
+        model(),
+      )
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err)
+      setMessages((p) => [...p, { role: "assistant", content: `Error: ${msg}` }])
+      setStreaming(false)
+    }
+  }
+
+  useKeyboard((evt) => {
+    if (!inputMode()) return
+
+    if (evt.name === "return" && !evt.shift) {
+      const text = inputBuf()
+      setInputBuf("")
+      send(text)
+      evt.preventDefault()
+      return
+    }
+
+    if (evt.name === "backspace") {
+      setInputBuf((s) => s.slice(0, -1))
+      evt.preventDefault()
+      return
+    }
+
+    if (evt.sequence && evt.sequence.length === 1 && !evt.ctrl && !evt.meta) {
+      setInputBuf((s) => s + evt.sequence)
+      evt.preventDefault()
+      return
+    }
+
+    if (evt.name === "space") {
+      setInputBuf((s) => s + " ")
+      evt.preventDefault()
+      return
+    }
+  })
+
+  return (
+    <box flexDirection="column" flexGrow={1}>
+      {/* Header */}
+      <box paddingLeft={2} paddingRight={2} paddingTop={1} flexShrink={0} flexDirection="row" gap={1}>
+        <text fg="#d946ef">
+          <span style={{ bold: true }}>AI Chat</span>
+        </text>
+        <text fg="#6a737c">{model()}</text>
+        <box flexGrow={1} />
+        <text fg="#6a737c">esc:back</text>
+      </box>
+
+      {/* Messages */}
+      <box flexDirection="column" paddingLeft={2} paddingRight={2} paddingTop={1} flexGrow={1}>
+        <For each={messages()}>
+          {(msg) => (
+            <box flexDirection="row" paddingBottom={1}>
+              <text fg={msg.role === "user" ? "#0074cc" : "#48a868"}>
+                <span style={{ bold: true }}>{msg.role === "user" ? "❯ " : "◆ "}</span>
+              </text>
+              <text fg="#e7e9eb">{msg.content}</text>
+            </box>
+          )}
+        </For>
+
+        <Show when={streaming()}>
+          <box flexDirection="row" paddingBottom={1}>
+            <text fg="#48a868">
+              <span style={{ bold: true }}>{"◆ "}</span>
+            </text>
+            <text fg="#a0a0a0">{streamText() || "thinking..."}</text>
+          </box>
+        </Show>
+      </box>
+
+      {/* Input */}
+      <box paddingLeft={2} paddingRight={2} paddingBottom={1} flexShrink={0} flexDirection="row">
+        <text fg="#0074cc">
+          <span style={{ bold: true }}>{"❯ "}</span>
+        </text>
+        <text fg="#e7e9eb">{inputBuf()}</text>
+        <text fg="#6a737c">{"█"}</text>
+      </box>
+    </box>
+  )
+}