@shareai-lab/kode 1.1.12 → 1.1.13

package/dist/components/Onboarding.js

@@ -0,0 +1,153 @@
+import React, { useState } from "react";
+import { PRODUCT_NAME } from "../constants/product.js";
+import { Box, Newline, Text, useInput } from "ink";
+import {
+  getGlobalConfig,
+  saveGlobalConfig,
+  DEFAULT_GLOBAL_CONFIG
+} from "../utils/config.js";
+import { OrderedList } from "@inkjs/ui";
+import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+import { MIN_LOGO_WIDTH } from "./Logo.js";
+import { Select } from "./CustomSelect/select.js";
+import { StructuredDiff } from "./StructuredDiff.js";
+import { getTheme } from "../utils/theme.js";
+import { clearTerminal } from "../utils/terminal.js";
+import { PressEnterToContinue } from "./PressEnterToContinue.js";
+import { ModelSelector } from "./ModelSelector.js";
+function Onboarding({ onDone }) {
+  const [currentStepIndex, setCurrentStepIndex] = useState(0);
+  const [showModelSelector, setShowModelSelector] = useState(false);
+  const config = getGlobalConfig();
+  const [selectedTheme, setSelectedTheme] = useState(
+    DEFAULT_GLOBAL_CONFIG.theme
+  );
+  const theme = getTheme();
+  function goToNextStep() {
+    if (currentStepIndex < steps.length - 1) {
+      const nextIndex = currentStepIndex + 1;
+      setCurrentStepIndex(nextIndex);
+    }
+  }
+  function handleThemeSelection(newTheme) {
+    saveGlobalConfig({
+      ...config,
+      theme: newTheme
+    });
+    goToNextStep();
+  }
+  function handleThemePreview(newTheme) {
+    setSelectedTheme(newTheme);
+  }
+  function handleProviderSelectionDone() {
+    goToNextStep();
+  }
+  function handleModelSelectionDone() {
+    onDone();
+  }
+  const exitState = useExitOnCtrlCD(() => process.exit(0));
+  useInput(async (_, key) => {
+    const currentStep = steps[currentStepIndex];
+    if (key.return && currentStep && ["usage", "providers", "model"].includes(currentStep.id)) {
+      if (currentStep.id === "model") {
+        setShowModelSelector(true);
+      } else if (currentStepIndex === steps.length - 1) {
+        onDone();
+      } else {
+        await clearTerminal();
+        goToNextStep();
+      }
+    }
+  });
+  const themeStep = /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Let's get started."), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Choose the option that looks best when you select it:"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "To change this later, run /config")), /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      options: [
+        { label: "Light text", value: "dark" },
+        { label: "Dark text", value: "light" },
+        {
+          label: "Light text (colorblind-friendly)",
+          value: "dark-daltonized"
+        },
+        {
+          label: "Dark text (colorblind-friendly)",
+          value: "light-daltonized"
+        }
+      ],
+      onFocus: handleThemePreview,
+      onChange: handleThemeSelection
+    }
+  ), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      paddingLeft: 1,
+      marginRight: 1,
+      borderStyle: "round",
+      borderColor: "gray",
+      flexDirection: "column"
+    },
+    /* @__PURE__ */ React.createElement(
+      StructuredDiff,
+      {
+        patch: {
+          oldStart: 1,
+          newStart: 1,
+          oldLines: 3,
+          newLines: 3,
+          lines: [
+            "function greet() {",
+            '-  console.log("Hello, World!");',
+            '+  console.log("Hello, anon!");',
+            "}"
+          ]
+        },
+        dim: false,
+        width: 40,
+        overrideTheme: selectedTheme
+      }
+    )
+  )));
+  const providersStep = /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Next, let's select your preferred AI provider and model.")), /* @__PURE__ */ React.createElement(
+    ModelSelector,
+    {
+      onDone: handleProviderSelectionDone,
+      skipModelType: true,
+      isOnboarding: true
+    }
+  ));
+  const usageStep = /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Using ", PRODUCT_NAME, " effectively:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(OrderedList, { children: [] }, /* @__PURE__ */ React.createElement(OrderedList.Item, { children: [] }, /* @__PURE__ */ React.createElement(Text, null, "Start in your project directory", /* @__PURE__ */ React.createElement(Newline, null), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Files are automatically added to context when needed."), /* @__PURE__ */ React.createElement(Newline, null))), /* @__PURE__ */ React.createElement(OrderedList.Item, { children: [] }, /* @__PURE__ */ React.createElement(Text, null, "Use ", PRODUCT_NAME, " as a development partner", /* @__PURE__ */ React.createElement(Newline, null), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Get help with file analysis, editing, bash commands,", /* @__PURE__ */ React.createElement(Newline, null), "and git history.", /* @__PURE__ */ React.createElement(Newline, null)))), /* @__PURE__ */ React.createElement(OrderedList.Item, { children: [] }, /* @__PURE__ */ React.createElement(Text, null, "Provide clear context", /* @__PURE__ */ React.createElement(Newline, null), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Be as specific as you would with another engineer. ", /* @__PURE__ */ React.createElement(Newline, null), "The better the context, the better the results. ", /* @__PURE__ */ React.createElement(Newline, null)))))), /* @__PURE__ */ React.createElement(PressEnterToContinue, null));
+  const modelStep = /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Configure your models:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", width: 70 }, /* @__PURE__ */ React.createElement(Text, null, "You can customize which models ", PRODUCT_NAME, " uses for different tasks.", /* @__PURE__ */ React.createElement(Newline, null), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Let's set up your preferred models for large and small tasks.")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Press ", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter"), " to continue to the model selection screen."))), /* @__PURE__ */ React.createElement(PressEnterToContinue, null));
+  const steps = [];
+  steps.push({ id: "theme", component: themeStep });
+  steps.push({ id: "usage", component: usageStep });
+  steps.push({ id: "model", component: modelStep });
+  if (showModelSelector) {
+    return /* @__PURE__ */ React.createElement(
+      ModelSelector,
+      {
+        onDone: handleModelSelectionDone,
+        skipModelType: true,
+        isOnboarding: true
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, PRODUCT_NAME, " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""), steps[currentStepIndex]?.component)));
+}
+function WelcomeBox() {
+  const theme = getTheme();
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderColor: theme.kode,
+      borderStyle: "round",
+      paddingX: 1,
+      width: MIN_LOGO_WIDTH
+    },
+    /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: theme.kode }, "\u273B"), " Welcome to", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, PRODUCT_NAME), " research preview!")
+  );
+}
+export {
+  Onboarding,
+  WelcomeBox
+};
+//# sourceMappingURL=Onboarding.js.map

package/dist/components/Onboarding.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Onboarding.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react'\nimport { PRODUCT_NAME } from '../constants/product'\nimport { Box, Newline, Text, useInput } from 'ink'\nimport {\n  getGlobalConfig,\n  saveGlobalConfig,\n  DEFAULT_GLOBAL_CONFIG,\n  ProviderType,\n} from '../utils/config.js'\nimport { OrderedList } from '@inkjs/ui'\nimport { useExitOnCtrlCD } from '../hooks/useExitOnCtrlCD'\nimport { MIN_LOGO_WIDTH } from './Logo'\nimport { Select } from './CustomSelect/select'\nimport { StructuredDiff } from './StructuredDiff'\nimport { getTheme, type ThemeNames } from '../utils/theme'\nimport { clearTerminal } from '../utils/terminal'\nimport { PressEnterToContinue } from './PressEnterToContinue'\nimport { ModelSelector } from './ModelSelector'\ntype StepId = 'theme' | 'usage' | 'providers' | 'model'\n\ninterface OnboardingStep {\n  id: StepId\n  component: React.ReactNode\n}\n\ntype Props = {\n  onDone(): void\n}\n\nexport function Onboarding({ onDone }: Props): React.ReactNode {\n  const [currentStepIndex, setCurrentStepIndex] = useState(0)\n  const [showModelSelector, setShowModelSelector] = useState(false)\n  const config = getGlobalConfig()\n\n  const [selectedTheme, setSelectedTheme] = useState(\n    DEFAULT_GLOBAL_CONFIG.theme,\n  )\n  const theme = getTheme()\n  function goToNextStep() {\n    if (currentStepIndex < steps.length - 1) {\n      const nextIndex = currentStepIndex + 1\n      setCurrentStepIndex(nextIndex)\n    }\n  }\n\n  function handleThemeSelection(newTheme: string) {\n    saveGlobalConfig({\n      ...config,\n      theme: newTheme as ThemeNames,\n    })\n    goToNextStep()\n  }\n\n  function handleThemePreview(newTheme: string) {\n    setSelectedTheme(newTheme as ThemeNames)\n  }\n\n  function handleProviderSelectionDone() {\n    // After model selection is done, go to the next step\n    goToNextStep()\n  }\n\n  function handleModelSelectionDone() {\n    // After final model selection is done, complete onboarding\n    onDone()\n  }\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  useInput(async (_, key) => {\n    const currentStep = steps[currentStepIndex]\n    if (\n      key.return &&\n      currentStep &&\n      ['usage', 'providers', 'model'].includes(currentStep.id)\n    ) {\n      if (currentStep.id === 'model') {\n        // Navigate to ModelSelector component\n        setShowModelSelector(true)\n      } else if (currentStepIndex === steps.length - 1) {\n        onDone()\n      } else {\n        // HACK: for some reason there's now a jump here otherwise :(\n        await clearTerminal()\n        goToNextStep()\n      }\n    }\n  })\n\n  // Define all onboarding steps\n  const themeStep = (\n    <Box flexDirection=\"column\" gap={1} paddingLeft={1}>\n      <Text>Let&apos;s get started.</Text>\n      <Box flexDirection=\"column\">\n        <Text bold>Choose the option that looks best when you select it:</Text>\n        <Text dimColor>To change this later, run /config</Text>\n      </Box>\n      <Select\n        options={[\n          { label: 'Light text', value: 'dark' },\n          { label: 'Dark text', value: 'light' },\n          {\n            label: 'Light text (colorblind-friendly)',\n            value: 'dark-daltonized',\n          },\n          {\n            label: 'Dark text (colorblind-friendly)',\n            value: 'light-daltonized',\n          },\n        ]}\n        onFocus={handleThemePreview}\n        onChange={handleThemeSelection}\n      />\n      <Box flexDirection=\"column\">\n        <Box\n          paddingLeft={1}\n          marginRight={1}\n          borderStyle=\"round\"\n          borderColor=\"gray\"\n          flexDirection=\"column\"\n        >\n          <StructuredDiff\n            patch={{\n              oldStart: 1,\n              newStart: 1,\n              oldLines: 3,\n              newLines: 3,\n              lines: [\n                'function greet() {',\n                '-  console.log(\"Hello, World!\");',\n                '+  console.log(\"Hello, anon!\");',\n                '}',\n              ],\n            }}\n            dim={false}\n            width={40}\n            overrideTheme={selectedTheme}\n          />\n        </Box>\n      </Box>\n    </Box>\n  )\n\n  const providersStep = (\n    <Box flexDirection=\"column\" gap={1} paddingLeft={1}>\n      <Box flexDirection=\"column\" width={70}>\n        <Text color={theme.secondaryText}>\n          Next, let's select your preferred AI provider and model.\n        </Text>\n      </Box>\n      <ModelSelector\n        onDone={handleProviderSelectionDone}\n        skipModelType={true}\n        isOnboarding={true}\n      />\n    </Box>\n  )\n\n  const usageStep = (\n    <Box flexDirection=\"column\" gap={1} paddingLeft={1}>\n      <Text bold>Using {PRODUCT_NAME} effectively:</Text>\n      <Box flexDirection=\"column\" width={70}>\n        <OrderedList children={[]}>\n          <OrderedList.Item children={[]}>\n            <Text>\n              Start in your project directory\n              <Newline />\n              <Text color={theme.secondaryText}>\n                Files are automatically added to context when needed.\n              </Text>\n              <Newline />\n            </Text>\n          </OrderedList.Item>\n          <OrderedList.Item children={[]}>\n            <Text>\n              Use {PRODUCT_NAME} as a development partner\n              <Newline />\n              <Text color={theme.secondaryText}>\n                Get help with file analysis, editing, bash commands,\n                <Newline />\n                and git history.\n                <Newline />\n              </Text>\n            </Text>\n          </OrderedList.Item>\n          <OrderedList.Item children={[]}>\n            <Text>\n              Provide clear context\n              <Newline />\n              <Text color={theme.secondaryText}>\n                Be as specific as you would with another engineer. <Newline />\n                The better the context, the better the results. <Newline />\n              </Text>\n            </Text>\n          </OrderedList.Item>\n        </OrderedList>\n      </Box>\n      <PressEnterToContinue />\n    </Box>\n  )\n\n  const modelStep = (\n    <Box flexDirection=\"column\" gap={1} paddingLeft={1}>\n      <Text bold>Configure your models:</Text>\n      <Box flexDirection=\"column\" width={70}>\n        <Text>\n          You can customize which models {PRODUCT_NAME} uses for different\n          tasks.\n          <Newline />\n          <Text color={theme.secondaryText}>\n            Let's set up your preferred models for large and small tasks.\n          </Text>\n        </Text>\n        <Box marginTop={1}>\n          <Text>\n            Press <Text color={theme.suggestion}>Enter</Text> to continue to the\n            model selection screen.\n          </Text>\n        </Box>\n      </Box>\n      <PressEnterToContinue />\n    </Box>\n  )\n\n  const steps: OnboardingStep[] = []\n  steps.push({ id: 'theme', component: themeStep })\n  steps.push({ id: 'usage', component: usageStep })\n\n  steps.push({ id: 'model', component: modelStep })\n\n  // If we're showing the model selector screen, render it directly\n  if (showModelSelector) {\n    return (\n      <ModelSelector\n        onDone={handleModelSelectionDone}\n        skipModelType={true}\n        isOnboarding={true}\n      />\n    )\n  }\n\n  return (\n    <Box flexDirection=\"column\" gap={1}>\n      <>\n        <Box flexDirection=\"column\" gap={1}>\n          <Text bold>\n            {PRODUCT_NAME}{' '}\n            {exitState.pending\n              ? `(press ${exitState.keyName} again to exit)`\n              : ''}\n          </Text>\n          {steps[currentStepIndex]?.component}\n        </Box>\n      </>\n    </Box>\n  )\n}\n\nexport function WelcomeBox(): React.ReactNode {\n  const theme = getTheme()\n  return (\n    <Box\n      borderColor={theme.kode}\n      borderStyle=\"round\"\n      paddingX={1}\n      width={MIN_LOGO_WIDTH}\n    >\n      <Text>\n        <Text color={theme.kode}>\u273B</Text> Welcome to{' '}\n        <Text bold>{PRODUCT_NAME}</Text> research preview!\n      </Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/PressEnterToContinue.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { getTheme } from "../utils/theme.js";
+import { Text } from "ink";
+function PressEnterToContinue() {
+  return /* @__PURE__ */ React.createElement(Text, { color: getTheme().permission }, "Press ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "Enter"), " to continue\u2026");
+}
+export {
+  PressEnterToContinue
+};
+//# sourceMappingURL=PressEnterToContinue.js.map

package/dist/components/PressEnterToContinue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/PressEnterToContinue.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { getTheme } from '../utils/theme'\nimport { Text } from 'ink'\n\nexport function PressEnterToContinue(): React.ReactNode {\n  return (\n    <Text color={getTheme().permission}>\n      Press <Text bold>Enter</Text> to continue\u2026\n    </Text>\n  )\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,SAAS,uBAAwC;AACtD,SACE,oCAAC,QAAK,OAAO,SAAS,EAAE,cAAY,UAC5B,oCAAC,QAAK,MAAI,QAAC,OAAK,GAAO,oBAC/B;AAEJ;",
+  "names": []
+}