@xortex/xcode 3.0.0

package/constants/outputStyles.ts

@@ -0,0 +1,216 @@
+import figures from 'figures'
+import memoize from 'lodash-es/memoize.js'
+import { getOutputStyleDirStyles } from '../outputStyles/loadOutputStylesDir.js'
+import type { OutputStyle } from '../utils/config.js'
+import { getCwd } from '../utils/cwd.js'
+import { logForDebugging } from '../utils/debug.js'
+import { loadPluginOutputStyles } from '../utils/plugins/loadPluginOutputStyles.js'
+import type { SettingSource } from '../utils/settings/constants.js'
+import { getSettings_DEPRECATED } from '../utils/settings/settings.js'
+
+export type OutputStyleConfig = {
+  name: string
+  description: string
+  prompt: string
+  source: SettingSource | 'built-in' | 'plugin'
+  keepCodingInstructions?: boolean
+  /**
+   * If true, this output style will be automatically applied when the plugin is enabled.
+   * Only applicable to plugin output styles.
+   * When multiple plugins have forced output styles, only one is chosen (logged via debug).
+   */
+  forceForPlugin?: boolean
+}
+
+export type OutputStyles = {
+  readonly [K in OutputStyle]: OutputStyleConfig | null
+}
+
+// Used in both the Explanatory and Learning modes
+const EXPLANATORY_FEATURE_PROMPT = `
+## Insights
+In order to encourage learning, before and after writing code, always provide brief educational explanations about implementation choices using (with backticks):
+"\`${figures.star} Insight ─────────────────────────────────────\`
+[2-3 key educational points]
+\`─────────────────────────────────────────────────\`"
+
+These insights should be included in the conversation, not in the codebase. You should generally focus on interesting insights that are specific to the codebase or the code you just wrote, rather than general programming concepts.`
+
+export const DEFAULT_OUTPUT_STYLE_NAME = 'default'
+
+export const OUTPUT_STYLE_CONFIG: OutputStyles = {
+  [DEFAULT_OUTPUT_STYLE_NAME]: null,
+  Explanatory: {
+    name: 'Explanatory',
+    source: 'built-in',
+    description:
+      'Claude explains its implementation choices and codebase patterns',
+    keepCodingInstructions: true,
+    prompt: `You are an interactive CLI tool that helps users with software engineering tasks. In addition to software engineering tasks, you should provide educational insights about the codebase along the way.
+
+You should be clear and educational, providing helpful explanations while remaining focused on the task. Balance educational content with task completion. When providing insights, you may exceed typical length constraints, but remain focused and relevant.
+
+# Explanatory Style Active
+${EXPLANATORY_FEATURE_PROMPT}`,
+  },
+  Learning: {
+    name: 'Learning',
+    source: 'built-in',
+    description:
+      'Claude pauses and asks you to write small pieces of code for hands-on practice',
+    keepCodingInstructions: true,
+    prompt: `You are an interactive CLI tool that helps users with software engineering tasks. In addition to software engineering tasks, you should help users learn more about the codebase through hands-on practice and educational insights.
+
+You should be collaborative and encouraging. Balance task completion with learning by requesting user input for meaningful design decisions while handling routine implementation yourself.   
+
+# Learning Style Active
+## Requesting Human Contributions
+In order to encourage learning, ask the human to contribute 2-10 line code pieces when generating 20+ lines involving:
+- Design decisions (error handling, data structures)
+- Business logic with multiple valid approaches  
+- Key algorithms or interface definitions
+
+**TodoList Integration**: If using a TodoList for the overall task, include a specific todo item like "Request human input on [specific decision]" when planning to request human input. This ensures proper task tracking. Note: TodoList is not required for all tasks.
+
+Example TodoList flow:
+   ✓ "Set up component structure with placeholder for logic"
+   ✓ "Request human collaboration on decision logic implementation"
+   ✓ "Integrate contribution and complete feature"
+
+### Request Format
+\`\`\`
+${figures.bullet} **Learn by Doing**
+**Context:** [what's built and why this decision matters]
+**Your Task:** [specific function/section in file, mention file and TODO(human) but do not include line numbers]
+**Guidance:** [trade-offs and constraints to consider]
+\`\`\`
+
+### Key Guidelines
+- Frame contributions as valuable design decisions, not busy work
+- You must first add a TODO(human) section into the codebase with your editing tools before making the Learn by Doing request      
+- Make sure there is one and only one TODO(human) section in the code
+- Don't take any action or output anything after the Learn by Doing request. Wait for human implementation before proceeding.
+
+### Example Requests
+
+**Whole Function Example:**
+\`\`\`
+${figures.bullet} **Learn by Doing**
+
+**Context:** I've set up the hint feature UI with a button that triggers the hint system. The infrastructure is ready: when clicked, it calls selectHintCell() to determine which cell to hint, then highlights that cell with a yellow background and shows possible values. The hint system needs to decide which empty cell would be most helpful to reveal to the user.
+
+**Your Task:** In sudoku.js, implement the selectHintCell(board) function. Look for TODO(human). This function should analyze the board and return {row, col} for the best cell to hint, or null if the puzzle is complete.
+
+**Guidance:** Consider multiple strategies: prioritize cells with only one possible value (naked singles), or cells that appear in rows/columns/boxes with many filled cells. You could also consider a balanced approach that helps without making it too easy. The board parameter is a 9x9 array where 0 represents empty cells.
+\`\`\`
+
+**Partial Function Example:**
+\`\`\`
+${figures.bullet} **Learn by Doing**
+
+**Context:** I've built a file upload component that validates files before accepting them. The main validation logic is complete, but it needs specific handling for different file type categories in the switch statement.
+
+**Your Task:** In upload.js, inside the validateFile() function's switch statement, implement the 'case "document":' branch. Look for TODO(human). This should validate document files (pdf, doc, docx).
+
+**Guidance:** Consider checking file size limits (maybe 10MB for documents?), validating the file extension matches the MIME type, and returning {valid: boolean, error?: string}. The file object has properties: name, size, type.
+\`\`\`
+
+**Debugging Example:**
+\`\`\`
+${figures.bullet} **Learn by Doing**
+
+**Context:** The user reported that number inputs aren't working correctly in the calculator. I've identified the handleInput() function as the likely source, but need to understand what values are being processed.
+
+**Your Task:** In calculator.js, inside the handleInput() function, add 2-3 console.log statements after the TODO(human) comment to help debug why number inputs fail.
+
+**Guidance:** Consider logging: the raw input value, the parsed result, and any validation state. This will help us understand where the conversion breaks.
+\`\`\`
+
+### After Contributions
+Share one insight connecting their code to broader patterns or system effects. Avoid praise or repetition.
+
+## Insights
+${EXPLANATORY_FEATURE_PROMPT}`,
+  },
+}
+
+export const getAllOutputStyles = memoize(async function getAllOutputStyles(
+  cwd: string,
+): Promise<{ [styleName: string]: OutputStyleConfig | null }> {
+  const customStyles = await getOutputStyleDirStyles(cwd)
+  const pluginStyles = await loadPluginOutputStyles()
+
+  // Start with built-in modes
+  const allStyles = {
+    ...OUTPUT_STYLE_CONFIG,
+  }
+
+  const managedStyles = customStyles.filter(
+    style => style.source === 'policySettings',
+  )
+  const userStyles = customStyles.filter(
+    style => style.source === 'userSettings',
+  )
+  const projectStyles = customStyles.filter(
+    style => style.source === 'projectSettings',
+  )
+
+  // Add styles in priority order (lowest to highest): built-in, plugin, managed, user, project
+  const styleGroups = [pluginStyles, userStyles, projectStyles, managedStyles]
+
+  for (const styles of styleGroups) {
+    for (const style of styles) {
+      allStyles[style.name] = {
+        name: style.name,
+        description: style.description,
+        prompt: style.prompt,
+        source: style.source,
+        keepCodingInstructions: style.keepCodingInstructions,
+        forceForPlugin: style.forceForPlugin,
+      }
+    }
+  }
+
+  return allStyles
+})
+
+export function clearAllOutputStylesCache(): void {
+  getAllOutputStyles.cache?.clear?.()
+}
+
+export async function getOutputStyleConfig(): Promise<OutputStyleConfig | null> {
+  const allStyles = await getAllOutputStyles(getCwd())
+
+  // Check for forced plugin output styles
+  const forcedStyles = Object.values(allStyles).filter(
+    (style): style is OutputStyleConfig =>
+      style !== null &&
+      style.source === 'plugin' &&
+      style.forceForPlugin === true,
+  )
+
+  const firstForcedStyle = forcedStyles[0]
+  if (firstForcedStyle) {
+    if (forcedStyles.length > 1) {
+      logForDebugging(
+        `Multiple plugins have forced output styles: ${forcedStyles.map(s => s.name).join(', ')}. Using: ${firstForcedStyle.name}`,
+        { level: 'warn' },
+      )
+    }
+    logForDebugging(
+      `Using forced plugin output style: ${firstForcedStyle.name}`,
+    )
+    return firstForcedStyle
+  }
+
+  const settings = getSettings_DEPRECATED()
+  const outputStyle = (settings?.outputStyle ||
+    DEFAULT_OUTPUT_STYLE_NAME) as string
+
+  return allStyles[outputStyle] ?? null
+}
+
+export function hasCustomOutputStyle(): boolean {
+  const style = getSettings_DEPRECATED()?.outputStyle
+  return style !== undefined && style !== DEFAULT_OUTPUT_STYLE_NAME
+}

package/constants/product.ts

@@ -0,0 +1,76 @@
+export const PRODUCT_URL = 'https://claude.com/claude-code'
+
+// Claude Code Remote session URLs
+export const CLAUDE_AI_BASE_URL = 'https://claude.ai'
+export const CLAUDE_AI_STAGING_BASE_URL = 'https://claude-ai.staging.ant.dev'
+export const CLAUDE_AI_LOCAL_BASE_URL = 'http://localhost:4000'
+
+/**
+ * Determine if we're in a staging environment for remote sessions.
+ * Checks session ID format and ingress URL.
+ */
+export function isRemoteSessionStaging(
+  sessionId?: string,
+  ingressUrl?: string,
+): boolean {
+  return (
+    sessionId?.includes('_staging_') === true ||
+    ingressUrl?.includes('staging') === true
+  )
+}
+
+/**
+ * Determine if we're in a local-dev environment for remote sessions.
+ * Checks session ID format (e.g. `session_local_...`) and ingress URL.
+ */
+export function isRemoteSessionLocal(
+  sessionId?: string,
+  ingressUrl?: string,
+): boolean {
+  return (
+    sessionId?.includes('_local_') === true ||
+    ingressUrl?.includes('localhost') === true
+  )
+}
+
+/**
+ * Get the base URL for Claude AI based on environment.
+ */
+export function getClaudeAiBaseUrl(
+  sessionId?: string,
+  ingressUrl?: string,
+): string {
+  if (isRemoteSessionLocal(sessionId, ingressUrl)) {
+    return CLAUDE_AI_LOCAL_BASE_URL
+  }
+  if (isRemoteSessionStaging(sessionId, ingressUrl)) {
+    return CLAUDE_AI_STAGING_BASE_URL
+  }
+  return CLAUDE_AI_BASE_URL
+}
+
+/**
+ * Get the full session URL for a remote session.
+ *
+ * The cse_→session_ translation is a temporary shim gated by
+ * tengu_bridge_repl_v2_cse_shim_enabled (see isCseShimEnabled). Worker
+ * endpoints (/v1/code/sessions/{id}/worker/*) want `cse_*` but the claude.ai
+ * frontend currently routes on `session_*` (compat/convert.go:27 validates
+ * TagSession). Same UUID body, different tag prefix. Once the server tags by
+ * environment_kind and the frontend accepts `cse_*` directly, flip the gate
+ * off. No-op for IDs already in `session_*` form. See toCompatSessionId in
+ * src/bridge/sessionIdCompat.ts for the canonical helper (lazy-required here
+ * to keep constants/ leaf-of-DAG at module-load time).
+ */
+export function getRemoteSessionUrl(
+  sessionId: string,
+  ingressUrl?: string,
+): string {
+  /* eslint-disable @typescript-eslint/no-require-imports */
+  const { toCompatSessionId } =
+    require('../bridge/sessionIdCompat.js') as typeof import('../bridge/sessionIdCompat.js')
+  /* eslint-enable @typescript-eslint/no-require-imports */
+  const compatId = toCompatSessionId(sessionId)
+  const baseUrl = getClaudeAiBaseUrl(compatId, ingressUrl)
+  return `${baseUrl}/code/${compatId}`
+}